2014年12月2日

CSS3 display:flex和display:box有什么区别?

摘要: box-flex主要让子容器针对父容器的宽度按一定规则进行划分box主要是控制父容器里面子元素的排列方式、排列顺序、垂直(水平)对齐方式 阅读全文

posted @ 2014-12-02 16:33 鬼鬼丫404 阅读(123) 评论(0) 推荐(0)

自动换行 word-break:break-all和word-wrap:break-word

摘要: http://zhidao.baidu.com/link?url=99GjYEIx9MOOgC3Tjk4ZUaIVc3ckDkQC79KzWSLLkGnp0AhqqMCPPvAKDN9NUArbs55FMPtDhBBF9DkVHLnu7qword-break:break-all和word-wrap:... 阅读全文

posted @ 2014-12-02 16:32 鬼鬼丫404 阅读(112) 评论(0) 推荐(0)

HTML <figure> 标签

摘要: http://www.w3school.com.cn/tags/tag_figure.asp用作文档中插图的图像: 黄浦江上的的卢浦大桥 阅读全文

posted @ 2014-12-02 16:26 鬼鬼丫404 阅读(107) 评论(0) 推荐(0)

CSS3 box-sizing 属性

摘要: http://www.w3school.com.cn/cssref/pr_box-sizing.asphttp://www.w3school.com.cn/tiy/t.asp?f=css3_box-sizing规定两个并排的带边框的框:div{box-sizing:border-box;-moz-b... 阅读全文

posted @ 2014-12-02 16:24 鬼鬼丫404 阅读(114) 评论(0) 推荐(0)

WEB前端开发人员必看腾讯网无障碍说明

摘要: W3C要求必须有DOCTYPE必须指定字符编码语言每个页面的html标签要指定lang属性,线性阅读不以表格作为布局使用采用定位的时候,将css去除,查看内容的阅读顺序是否符合有意义标题页面中必须包含一个title元素,并且不应为空title中的内容应该少于60个字title应该包含网站名字和页面的... 阅读全文

posted @ 2014-12-02 16:22 鬼鬼丫404 阅读(252) 评论(0) 推荐(0)

display:none和visibility:hidden的区别!

摘要: 在网站上看到:“display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,经过亲自实验,我发现使用 visibility:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域,而 displa... 阅读全文

posted @ 2014-12-02 16:18 鬼鬼丫404 阅读(144) 评论(0) 推荐(0)

display:flex 多栏多列布局

摘要: http://www.51xuediannao.com/qd63/index.php/page-3-86-1.htmldisplay:flex 多栏多列布局浏览器支持情况:火狐直接支持w3c无前缀写法,谷歌和opera支持-webkit- 前缀写法,比较适合移动端开发使用,display:flex ... 阅读全文

posted @ 2014-12-02 16:16 鬼鬼丫404 阅读(577) 评论(0) 推荐(0)

响应式十日谈第一日:使用 rem 设置文字大小

摘要: 上面回顾:在序言中我们已经提到了响应式的一些基本理念,比如:响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷。序言中同样提到,响应式的设计应该秉承「内容优先,移动优先」的设计原则,那么我们知... 阅读全文

posted @ 2014-12-02 15:38 鬼鬼丫404 阅读(88) 评论(0) 推荐(0)

HTML 5 <input> placeholder 属性

摘要: 阅读全文

posted @ 2014-12-02 15:37 鬼鬼丫404 阅读(74) 评论(0) 推荐(0)

导航