002-CSS基础内容

/*css语句*/网页是由什么构成的？英文全称：cascadingstylesheets（百度百科）===cascadingstylesheet级联样式表，WEB标准中的性能标准语言，性能标准语言主要控制网页信息在网页中的显示，简单来说如何修改网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0。一种用于表示样式文件（如XHTML或XML）的计算机语言。1998年5月21日，w3C正式推出css2.0CSS编写语法样式的创建（内部样式、外部样式和内联样式），外部样式表介绍两者的区别A、内部样式语法：/*css语句*/注意：在使用style标签创建样式时，标签最好写在中；B.外部样式*方法一：创建外部样式表：注意：使用link元素时要导入一个外部样式表，这个元素需要写在文档的头部。那是在和之间。rel（关系）：用于定义文档关联，代表关联的样式表；type：定义文档类型；*方法二：导入外部样式表@importurl（目标文件的路径和文件全名）；注意：@和import之间没有空格,并且url和括号之间没有空格；结尾必须以分号结尾；C、内联样式（interlinestyle,inlinestyle,embeddedStyle）语法：两种导入外部样式表的区别链接和import区别一：本质区别：link属于XHTML标签，而@import完全是CSS提供的一种方式。区别二：加载顺序的区别：当一个页面被加载时（即浏览者浏览时），链接引用的CSS会同时加载，而@import引用的CSS会等待直到页面在加载之前完全下载。.所以有时候在浏览@import加载了CSS的页面时，会出现没有样式（也就是闪烁）的情况，在网速慢的时候还是比较明显的。区别三：兼容性的区别：@import是CSS2.1提出的，旧浏览器不支持。@import只能被IE5以上识别，但是link标签没有这个问题。区别四：使用dom（文档对象模型documentobjectmodel）控制样式时的区别：使用javascript控制dom改变样式时，只能使用link标签，因为@import是dom不可控的。样式表的优先级A.内联样式表具有最高的优先级。B.内部样式表与外部样式表的优先级和书写顺序有关，越晚书写的优先级越高。CSS选择器（selectors）常用的选择器大概有十种：类型选择器、id选择器、类选择器、通配符、组选择器包含选择器、伪类选择器（伪类选择器CSS已经有了定义好的选择器不能随便命名),一个伪对象选择器（设置出现在对象之后的内容。它与content属性一起使用）元素选择器/类型选择器（elementselector）语法：元素名称{属性：属性值；}说明：元素选择器以文档语言对象类型为选择器，即以结构体中的元素名称为选择器。比如body,div,p,img,em,strong,span...等等。所有页面元素都可以用作选择器；用法：1）如果要改变元素的默认样式，可以使用类型选择器；（如：改变一个div、p、h1的样式）2）当统一文档显示元素效果时，可以使用类型选择器（如：改变文档中所有p段落的样式）id选择器语法：#idname{attribute:attributevalue;}说明：A)当我们使用id选择器时，应该为每个元素定义一个id属性如：