tnjk.net
当前位置:首页 >> Css样式里前面加@是什么意思? >>

Css样式里前面加@是什么意思?

@是CSS的一种选择符,有很多应用场景。 最常用的使用场景是用来引用其他的CSS文件,是以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。 此外,还有一种使用场景是媒体选择,它是以@media开始的,表...

* { margin:0; padding:0; } * 这叫“通配符”用来匹配页面上所有元素。 {} 样式规定都写在大括号里面 *{margin:0; padding:0;} 像body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后...

* {xxx} 表示所有元素都引用此卷标样式 xxx { *xxx:xx;} 此写法属于CSSHACKS,为了兼容IE6/7等低版本浏览器

#是一种 CSS 标记选择器~~~ 它是针对网页中某个标签的 id 值而应用样式的~~比如页面中有: 那么,要为这个 div 标签应用样式,就需要在CSS中写:#hello{ font-size:14px; /* 再添加其它的样式 */}

CSS样式表里前面加#表示是通过id选择器来定义选择样式的 #wrapper样式将匹配到所有id为wrapper的元素中

css 中的 〉 代表 直接子代选择器 举例说明: 假设有dom 结构如下 1 2 3 33 22 2和22是1的直接子代 2,3,33,22是1的子代 选择器 #div1 >div 选择的就是 2和22 选择器 #div1 div 选择的就是 2,3,33,22 所以 , > 表示选择前一标签的直接子代

css里的*,你可以理解为屏蔽火狐浏览器(FF)用的,ie系列内核的浏览器可以识别*后面的样式设置,而FF在解析到*后就会报错,然后跳到下个css进行样式解析。所以,我们通常用这个方式来进行浏览器样式方面的兼容处理。也就是说,用他来设置IE和FF的...

打个比方div span{...}这样写,div下的不论是儿子辈的span还是孙子辈的span都应用样式; 也就是说,div下的所有span都有这个样式。 div>span{...}这样写,div下的只有儿子辈的span应用样式; 但是如果是这种情况ddddddaaaaa孙子辈的span会继承儿子辈...

> 表示子元素选择器,通俗说就是处于儿子一代(不是孙辈、曾孙辈)级别的选择器,例如 div > li /*表示div的标签为li的子元素*/

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6不认识它的,IE7和别的浏览器中可以用,用来处理...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com