![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 65
yi叶堂
这个作者很懒,什么都没留下…
展开
-
html中link和import方式导入CSS文件的区别(转)
在CSS的实际应用中,往往是将CSS以独立文件(如:style.css)的形式导入到HTML文档中。导入CSS文件主要有两种方式: 链接式(link) link rel="stylesheet" href="style.css" type="text/css"/> <p style="margin-top: 0px转载 2016-03-01 20:48:56 · 1835 阅读 · 0 评论 -
bootstrap样式使用标准(转)
语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时,将单独的选择器单独放在一行。 为了代码的易读性,在每个声明块的左花括号前添加一个空格。 声明块的右花括号应当单独成行。 每条声明语句的 : 后应该插入一个空格。 为了获得更准确的错误报告,每条声明都应该独占一行。转载 2016-03-01 21:23:39 · 931 阅读 · 0 评论 -
backround
属性描述background简写属性,作用是将背景属性设置在一个声明中background-attachment背景图像是否固定或者随着页面的其余部分滚动background-color设置元素的背景颜色background-image把图像设置为背景background-position设置背景图像的起始原创 2016-03-02 19:23:46 · 285 阅读 · 0 评论 -
white-space 属性
说明设置或索对象内空格的处理方式;对应的脚本性语言是whiteSpace。语法white-space:normal | pre| nowrap | pre-wrap | pre-line默认值:normal( firefox下测试结果为:字母、数字遇到边界也不换行,但是中文能换行。多个空格、换行都解析为1个空格。 )取值normal:默认处理方式;pre:用等宽字体原创 2016-03-20 15:51:39 · 501 阅读 · 0 评论 -
css3:nth-child(n):
语法E:nth-child(n) { rules;} 匹配父元素E的第n个子元素有趣之处E:nth-child(n){ rules;} 里面的n不仅可以为数值,还可以为乘法因子,如2n、2n+1等,这样就能匹配到奇偶子元素了。如想要实现偶数子元素背景色不同,则可这样设置: 还记得这种间隔背景色的效果么? CSS3伪类 :nth-child(n) 实现的奇偶间隔背景色效果转载 2016-03-21 20:15:27 · 386 阅读 · 0 评论 -
清除浮动
浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法(测试已通过 ie chrome firefox opera,后面三种方法只做了解就可以了): 1,转载 2016-04-06 19:33:52 · 230 阅读 · 0 评论 -
css-hack
css-hackcss-hack诞生背景:由于不同浏览器所遵循的标准也有所不同,再加上不可避免的程序bug、经济利益等因素的干扰。同样的网页代码(HTML + CSS),在不同浏览器上的显示效果却略有不同,甚至大有不同。即使是同一个浏览器,其不同版本的显示效果也有所不同,尤其是IE。这就给网页前端设计人员带来了很大的困扰。开发人员必须兼顾考虑到所有主流的浏览器,才能在不同的浏览器上显示出相转载 2016-04-12 09:53:54 · 304 阅读 · 0 评论 -
解决ie6下position:absolute不兼容问题
body{9000px;} /*让浏览器出现滚动条*/ .fixed{ position:fixed; /*对于火狐等其他浏览器需要设置的*/ top:700px; /*同上*/ width:30px; height:30px; cursor:pointer;转载 2016-04-12 12:02:19 · 926 阅读 · 0 评论