css

什么是CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS的使用方式

1. 内联样式，也称行内样式，写在标签内的样式，只影响该标签内的元素。适合范围，除
2. 内部样式，定义在style标签中，放在head标签中，设置的样式可以影响整个HTML页面。
3. 外部样式，将CSS样式编写并安放在一个独立的.css文件内。

CSS基础选择器

• html选择器：
  通过html标签名来选择元素:
    1. 所有的html标签都可以当做选择器
    2. 无论标签藏多深都会被选中
    3. 选择的是所有的标签而不是具体某个标签。所以说我们通过html标签选择器来设置的都是一些共性问题。

• class选择器：
    1.任何的标签都可以有id属性和属性值(因为id是一个全局属性)。id命名不能随意的命名。大小写敏感 ，id的名字中可以有数字字母下划线，但是要以字母开头。
    2.但是id名不能够重复

• id选择器：
     1.任何的标签都可以使用class属性(class属性也是一个全局属性)
     2.class属性名可以重复使用
     3.一个class属性中，可以有多个class属性值。

块级元素和行内元素

概念

• 块级元素：是指块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。例如
  标签。
• 行内标签：可以在同一行内分布。如标签。

两种元素的区别

1. 行内元素部不能够设置宽度和高度。行内元素的宽度和高度是标签内容的宽度和高度。块级元素可以设置宽度和高度。
2. 块级元素会独占一行。而行内元素却部能够独占一行，只能和其他的行内元素共用一行。
3. 如果块级元素不设置宽度，那么块级元素会自动的沾满父元素的全部宽度。

块级元素和行内元素的转换

使用display属性进行转换。如下：

display：block ,inlin-block

综合选择器

• 后代选择器:div p
• 焦急选择器:h3.test
• 并级选择器:div,p
• 子（直系儿子）元素选择器:div>p
• 序列选择器:ul li:first-child ul li:last-child
• 相邻兄弟选择器:div+p
• 普通兄弟选择器:div~p

CSS的继承性和层叠性

• CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定 html 标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于 p 标签，这个颜色设置不仅应用 p 标签，还应用于 p 标签中的所有子元素文本，这里子元素为 span 标签。
• 层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。
• 权重问题： 通用选择器（*）

注释：!important 能够把"单独属性"的权重变为无限大。 尽量少用。

html&scc基础知识

标签：readonly   选中   class选择器   语言   tar   而且   field   span   分布   

原文地址：http://www.cnblogs.com/Tsukasaa/p/7077133.html