css原理:1.优先原则=>后解析的内容会覆盖之前解析的内容(所谓解析就是读取的css样式)2.继承原则=>嵌套里面的标签拥有外部标签的某些样式,子元素可以继承父元素的属性 1>优先原则针对选择器:a.同一个选择器从上往下读取执行css样式 b.同一类选择器从上往下执行 c.不同类型的选择器优先级,先执行低优先级再执行高优先级,比方基本选择器就是从*通配符<标签div<class选择器<id选择器 d.外部样式与内部样式合并之后再一起执行,根据从上往下执行顺序读取 e.…

http://zhidao.baidu.com/link?url=cvQhh0Q7_ah0qg9tc-2zP0cjB_PoIiIq6t6RFpp4aZPPNoVJUqyy7TT41TU5pWzRtRYIMNCkdMkAV36oR-RraFyyghs__ULNjlNiOGgkYOC 利用css如何让嵌套的div层不继承父div层的透明度? http://blog.csdn.net/foart/article/details/39177653   DIV浮在上层并让DIV背景半透明代码 http:/…

主要的有: 字体相关:line-height, font-family, font-size, font-style, font-variant, font-weight, font 文本相关: letter-spacing, text-align, text-indent, text-transform, word-spacing 列表相关:list-style-image,  list-style-position, list-style-type, list-style 还有一个比较重要的…

在CSS中有一些属性是可以继承的,跟继承家产一样,哎,一代一代的往下传,而有些属性就比较惨了,不能继承,只能自己来设置. 我简略的总结了一下一些可以继承和不可以继承的属性 可继承 1.字体系列属性:font-family,font-size 2.文本系列属性:text-indent,line-height,color 3.元素可见性:visibility 4.表格布局属性:border-style 5.列表布局属性:list-style list-style-type 6.生成内容属性:quot…

通配选择符* { sRules }  类型选择符E { sRules }  td { font-size:14px; width:120px; }   属性选择符 E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E [ attr |= value ] { sRules }  h[title] { color: blue; }/* 所有具有title属性的h对象*/ span[cl…

//SCSS中混合宏使用 @mixin mt($var){ margin-top: $var; } .block { @include mt(5px); span { display:block; @include mt(5px); } } .header { color: orange; @include mt(5px); span{ display:block; @include mt(5px); } } 1.上面是sass混合宏方法编写的sass代码,下面是编译出来的css代码 .bloc…

一.级联 概念:级联(The cascade),CSS是Cascading Style Sheet的简写,说明级联是非常重要的.从表层来看,级联表明CSS规则的顺序问题,但是级联远比这个复杂,在所有的选择器中摸个选择器定义的规则是否能够胜出(既优先级)取决于三个元素:Important,Specificity,Source order. 1.!Important声明(Important) 在css规则的值末尾添加"!Important"能够保证该规则优先其它规则,但是一般不建议使用&q…

CSS选择符: id选择器(#myid). 类选择器(.myclassname). 标签选择器(div, h1, p). 相邻选择器(h1 + p). 子选择器(ul > li). 后代选择器(li a). 通配符选择器(*). 属性选择器(a[rel=”external”]). 伪类选择器(a:hover, li:nth-child) 可继承的属性:font-size, font-family, color 不可继承的样式:border, padding, margin, width, hei…

CSS语法格式:一个css规则,由一个选择器和一个格式声明语句构成    例如:h1{color:red; font-size:14px;} CSS选择器: 1.基本选择器 1)* 号选择器:通配符,将匹配所有的HTML标记,所有的标记都会改变 语法格式:*{color:red;} 2)标签选择器:将匹配指定的标记 语法格式:h1{color:red;} 注意:CSS标签选择器,与HTML标记的名称一样,但不能加尖括号 3)class选择器(类选择器):给一类HTML标记加样式 这里的一类是每个…

n  CSS浮动和清除 Float:让元素浮动,取值:left(左浮动).right(右浮动). Clear:清除浮动,取值:left(清除左浮动).right(清除右浮动).both(同时清除上面的左浮动和右浮动). 1.CSS浮动 l  浮动的元素将向左或向右浮动,浮动到包围元素的边上,或上一个浮动元素的边上为止 l  浮动的元素,不再占空间了,并且浮动元素的层级要高于普通元素. l  浮动的元素,一定是“块元素”.不管它原来是什么元素. l  如果浮动元素,没有指定宽度的话,浮动后它将尽可…