css学习笔记_计算机软件及应用_IT计算机_专业资料

《css学习笔记_计算机软件及应用_IT计算机_专业资料》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、css学习笔记1•什么是css?•CSS全称层叠样式表（CascadingStyleSheets）•样式（css）定义如何显示HTML元素•样式（css）通常存储在样式表中•把样式添加到HTML4.0中，是为了解决内容与表现分离的问题•外部样式表可以极人提高工作效率•外部样式表通常存储在CSS文件屮•多个样式定义可层叠为一2.不同Css样式的优先级顺序一般而言，所冇的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。1.浏览器缺省设置2.外部样式表3.内部样式表（位于vhead＞标签内部）4.内联样式（在HTML元素内部）因此，内联样式（在HT

2、ML元素内部）拥有最高的优先权，这意味着它将优先丁以卜的样式声明：＜head＞标签中的样式芮明，外部样式表中的样式声明,或者浏览器中的样式声明（缺省值）。3.css的构成h1JI1I工明声阴4Css主要由三部分构成一、选择器二、花括号三、声明（选择器通常是您需要改变样式的HTML元素）｛选择器后面紧跟花括号，声明放在在花括号内｝声明由属性与属性值组成，每个属性有一个值。属性和值被冒号分开每条声明后而加-个分号间隔。如：4.选择器的分组将要分组的选择器集中到一起，用逗号分隔。如:[hl,h2,h3,h4,h5zh6I{color:green;I}1.派生选择器（上下文选择

3、器）派生选择器根据文档的上下文关系来确定某个标签的样式如：listrong{font-style:italic;font-weight:normal;I}此规则表示li元素中的strong元素的样式为斜体字，无需为strong元素定义特别的class或id,代码更加简洁。6.id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以来定

4、义。I#red{color:red;}!#green{color:green;}j如：＜pid="red"＞这个段落是红色。＜/p＞j＜pid=ugreen"＞这个段落是绿色。＜/p＞注意：id属性只能在每个HTM

5、L文档中出现一次在现代布局中，id选择器常常用于建立派生选择器。即使被标注为sidebar的元素只能在文档中出现一次,这个id选择器作为派生选择器也可以被使用很多次:如：#sidebarp{font-style:italic;text>align:right;margop:0・5em;}#sidebarh2{font-size:lem;font-weight:normal;style:italic;margin:0;line-height:1.5;text-align:right;}当然，id选择器即使不被用来创建派生选择器,它也可以独立发挥作用。如:#sidebar{

6、border:lpxdotted#000;padding:10px;}7•类选择器在CSS中，类选择器以一个点号显示，用法与id选择器类似。不同的是，class属性在每个HTML文档小可以出现多次。注意：类名的第一个字符不能使用数字！它无法在Mozilla或FirefoxH1起作用。8.CSS属性选择器Css属性选择器可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。注释：只冇在规定了IDOCTYPE时，IE7和IE8才支持屈性选择器。在IE6及更低的版本中，不支持属性选择。属性选择器在为不带冇class或id的表单设置样式吋特别冇用：（如当设置

7、表单吋）属性和值选择器・多个值下面的例子为包含指定值的title属性的所有元素设置样式。适用于由空格分僵的属性值：[titie~=heiio]{color:red;}下面的例子为带有包含指定值的lang属性的所有元索设置样式。适用于由连字符分隔的属性值：[lang

8、=en]{color:red;}9.插入样式表的方法有三种1.每个页面使用标签链接到外部样式表I如：j$2.内部样式表当单个文档需要特殊的样式时，就应该使用内部

9、样式表。你可以使用vstyle>标签在文档头部定义内部样式表，就像这样：hr{color:sienna;}p{margin-left:20px;}body{background-image:url("images/back40・gif");}2.内联样式由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元索上应用一次时。要使用内联样式，你需要在相关的标签内使用样式(style)属性。Style属性可以包