css部分总结1

Css1

一、Css 的定义：是cascading style sheets（层叠样式表）的简称，和html一样由w3c制定标准及维护，css目前最高版本为3.0

二、css相关诠释

1、同html一样，css是一种标记语言（写什么出现什么的语言），他不需要编译，可以游浏览器直接解释执行（属于浏览器解释性语言），对css很好诠释的网站css zen garden，顺便可以看看《禅艺花园》这本书。

2、Css文件也是一个文本文件，它包含一些css标记（定义html标签如何呈现的规则），css文件必须以.css作为文件名后缀，css文件可以单独存在，也可以嵌入到html文档中，甚至可嵌入到某个html标签中。

三、Css被广泛应用的原因：它是网页统一的风格样式；可以分公开发；流星浏览器能广泛支持；是动态网站的必须技术。

四、Css的作用：美化、布局。

五、所有css基本语法：属性：值（；属性：值：属性：值；……）

属性：color是字体的颜色。它的值可以是英文单词可以是十六进制；

Fond-size是字体的大小，值用px（像素）

六、选择器：标签选择器、类选择器、id选择器、派生选择器、群选择器、统配选择器、伪类选择器……

为避免在body内加标签使body变得更加庞大，一般将body内的要求样式块加上自己命名的标签，同时也为加选择器带来方便。

1、标签选择器：其名与标签名相同，样式  选择器名{属性：值；属性：值;……}   有多个时写多个即可

2、类选择器：所有的标签都有属性class，class无意义只是用来给标签取个名A（遵循规范），便于加选择器，但是可以跨标签，只要都是该名的加选择器后都做相应改变。类选择器形式 .A{属性：值；……}

3、Id选择器：所有的标签都有属性id，id无意义只是用来给标签取个名B，便于加选择器，但id名在一个网页最好只有一个（即使可以写多个同名的id）。类选择器形式 #B{属性：值；……}

4、派生选择器：多层嵌套标签时用该选择器可使相应标签内内容发生变化，形式    外层标签名 1级内层标签名 2级内层标签名……{

属性：值；……}

5、群选择器：当几个标签要求有相同样式时用，形式 h1,h2……{属性：值;……}，最好一行写一个标签名。

七、分类：根据css位置分为行内样式表、内嵌样式表、外部样式

1、行内样式表：当只有一个标签具有一个特色样式时用行内样式表，它是标签级的，在body内用，所有html标签都有一个属性style，其值就是写css。如<h1  style="color:red;">*****</h1>（当只有一个属性时后面的分号可要可不要）

2、内嵌样式表：是页面级的，当多个标签要求样式相同时为节省字节要用内嵌样式表，内嵌样式表写在head内，在head内写一个<style>这里写选择器</style>标签

3、外部样式表：为减少别人请求访问网站时小号的字节量或为改变多个网页样式时使用，使用时要先建个css文件如下边的style.css文件，在此文件内写选择器，style标签内的选择器要咔掉，再在head内引入连接标签（作用是引入style.css文件）<link href="style.css" rel="stylesheet" type="text/class"/>，当多个网页要求相同样式时，只需在style.css文件中改为相应样式，然后再网页内加入link标签。

外部请求数（get到服务器请求数据）：浏览器→（缓存）→服务器→数据（js、图片、css），当浏览器第一次访问网站时，会先访问缓存区域，所以在第一次访问网站时较慢以后较快，外部样式表中建立的css文件作用就是在外部请求时减少访问字节数。

八、三种样式表的优先级：行内样式表>内嵌样式表>外部样式表，即在有两种或三种样式表同时存在时会根据优先级做先后处理。

九、其它

在一个文档中可以同时有两对html标签，在浏览器中能出来;但在用gsp中的include会遇到奇怪的问题，include能将一个页面A引入到另一个页面B中，引入时将A中的内容引入到B中即可，不要将html、head、body等标签页引入。

Html与xhtml的区别：xhtml借鉴xml风格，如xml若小写就全小写而html对大大小写不敏感；xml的所有标签有开必有闭，而html中的双标签有开有闭，但单标签没闭标签。

Html的最新版为html5，仍在不断地规范标准中，火狐、谷歌等浏览器及所有智能手机的内置浏览器都支持