文章分类 -  Html/Css

h5 cs3 js projects html / css
前端一些不常关注的点
摘要：未知宽高的img如何在容器里水平、垂直居中第一种方法： <div class="box"> <img src="bigptr.jpg /><span></span> </div> .box {width: 800px; height: 600px; border: 2px solid #000; t 阅读全文
posted @ 2018-08-14 20:50 silvercell 阅读(1484) 评论(0) 推荐(0) 编辑
Html/Css整理(1)
摘要：* * * * * * * * * /* 运用能实现一些滚屏换图 */CSS background-attachment 属性如何设置固定的背景图像：如果在div中定义 attachment 则能出现div中 小‘滚屏’效果body { background-image: url(bgimage.g 阅读全文
posted @ 2018-08-02 11:50 silvercell 阅读(1375) 评论(0) 推荐(0) 编辑
autoResponse_01 响应式基本原则
摘要：弹性布局 流动式布局 缩放页面版式不变 响应式布局 改变页面结构 媒体查询 统一体验不同展现 三要素 流动网格 弹性图片 媒体查询 优化搜索 ，统计用户终端来源 设计原则: 渐进增强，优雅降级 优先受重终端设计 取舍页面展示内容 根据媒体查询显示范围设计样式 weixin 浏览器和 chrome v 阅读全文
posted @ 2017-09-12 16:50 silvercell 阅读(2007) 评论(0) 推荐(0) 编辑
html5_04_html5+css布局页面
摘要：H5 Css 阅读全文
posted @ 2017-08-10 15:32 silvercell 阅读(1811) 评论(0) 推荐(0) 编辑
html5_03_标签的属性变化
摘要：input标签 表单属性 -- Multiple 属性 上传多个文件 -- Placeholder 提示hint js onForcus判断鼠标焦点 -适用于 text search url tel email password -- 表单 bootstrap框架解决了表单提交的问题 验证表单: - 阅读全文
posted @ 2017-08-10 15:26 silvercell 阅读(2525) 评论(0) 推荐(0) 编辑
html5_01_标签和变化
摘要：1.html5 声明 <!DOCTYPE html> css js + H5_Api 2. 布局标签 header, footer, section, nav, article , aside , hgroup, figure, figcaption, dialog 3. <!-- 结构标签: 本质 阅读全文
posted @ 2017-08-07 20:55 silvercell 阅读(885) 评论(0) 推荐(0) 编辑
html5_02_页面布局
摘要：先大块布局 header, section.bannder, section.main > (aside article) , footer . 然后 header > div.container > ( a<img log && nav>ul>li>a*4 >{title$} ) banner > 阅读全文
posted @ 2017-08-07 20:04 silvercell 阅读(1365) 评论(0) 推荐(0) 编辑