
css
thenewdiana
这个作者很懒,什么都没留下…
展开
-
ul 居中方法(兼容 IE)
css:.box{margin:auto; float:none;*text-align:center;}ul {display:table;margin:0 auto;}ul li{float:left;*float:none;*display:inline;*zoom:1;}html:原创 2015-11-03 12:05:30 · 681 阅读 · 0 评论 -
解决下拉菜单被下方焦点图覆盖问题
Html: xxx原创 2015-11-03 12:20:01 · 1211 阅读 · 0 评论 -
valign 与 vertical-align区别
valign 代表行的对齐 vertical-align代表行内元素的对齐 valign 比如两个div的对齐 vertical-align 比如一个里面有文字和图片的对齐转载 2015-11-13 23:07:04 · 712 阅读 · 0 评论 -
<pre>标签让<textarea>标签的内容原样输出
当通过插数据进数据的库,取出来后都变成一行变成,用这个标签能原样输入插入时的格式。 当时要对加一些CSS样式才行啦。以下为引用的内容:pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-spac转载 2015-11-14 11:53:48 · 1931 阅读 · 0 评论 -
CSS样式命名规范
以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合:CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot转载 2015-10-30 15:04:18 · 443 阅读 · 0 评论 -
关于 img底部三像素问题的解决
今天写页面时发现img 标签下有三像素,一开始把其所有的父元素 padding margin 全都设为0,还是没解决,后来百度发现,因为 img display 默认属性为 inline-block,inline-block 元素默认有行间距,至此问题有一个解决方案,设置 img 的 display为 block 即可。.news_jumbotron{background:#f00;}.new原创 2015-12-10 13:23:41 · 3447 阅读 · 1 评论 -
css移动端实现与pc端一样的:acitve效果
转载自:http://www.jb51.net/css/229841.html做移动前端也有一些日子了,一直有个问题没有解决,就是与pc端那样的一个:hover的效果,:hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标的,代替的是触摸屏,用户也不是有“鼠标指针浮动在其上的元素”的情况,有也很少。 所以取代的应该:active这个选择器,但是通过实践,发现情况不转载 2016-11-23 18:09:19 · 450 阅读 · 0 评论 -
CSS reset收藏
1.Eric Meyer’s “Reset CSS” 2.0html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su转载 2017-02-13 17:35:50 · 400 阅读 · 0 评论