css学后总结

Posted 2020-08-04

这是我对于CSS一点肤浅的认识，如有不妥，请知情者多多指教

一 CSS的比较传统的WEB设计几大优点

1.比较传统的WEB设计它大大提高了页面的浏览速度。

2.它通过简单的CSS文件就能更改多个页面的重新设计，大大降低了维护成本。

3.还可以结合CSS和DIV对网页的更好的布局。

4.真正的实现的结构与表现的分离。

5.更方便搜索引擎搜索。（这一点还不是很清楚）

二 在Xhtml如何加入CSS，一共有三种方法。

1.外部样式表

它是通过在HTML之外重新建一个单独的CSS文档，然后在HTML通过LINK与之链接。

2.嵌入式样式表

它是在HEAD文段中加入<STYLE></STYLE>元素格式是这样的<STYLE TYPE="TEXT/CSS"></STYLE>。

3.内联样式表

是在特定的元素后加入STYLE 格式是这样的我们以<P>元素为例<P STYLE="COLOR:YELLOW;"

这种方法我个人觉得只是为了过渡而用，因为如果采用这种方法的话，就没有真正意义上的结构与表现的分离。这种办法在多个HTML文档的更改就很麻烦。

三 选择器一共有7种选择器

1.元素选择器，这种方法是直接输入元素名{属性修饰} 定点修饰

2.类选择器，这种方法是   .类名{属性修饰}定点修饰

3.ID选择器，这种方法是 #ID名{属性修饰}定点修饰

4.包含选择器，这种特点是对包含在某个元素之中的元素进行修饰，格式是这样的 元素名 空格 元素名{属性修饰}

5.通配符选择器，这种方法是 *{属性修饰} 对于整个文档的修饰。

6.伪类选择器，这主要是对<A>元素进行修饰，格式是这样的 A元素 加冒号：（1.LINK,2.VISITED,3.HOVER,4.ACTIVE之中任选其一） {}

1.LINK 是用在没有被访问过的链接表现。

2.VISITED 是已经被访问过的链接表现。

3.HOVER 是鼠标悬停在链接时候的表现。

4.ACTIVE 是被击中链接时候的表现。

7.伪元素选择器

主要有两种：

P:FIRST-LINE{元素修饰} 是用于元素的第一行。

P:FIRST-LETTER{元素修饰} 是用于元素的第一个字母。