【CSS+DIV】CSS总结

【定义】

    CSS（Cascading Style Sheets）层叠样式表，是用来表现HTML和XML等的计算机语言。是使网页表现与内容分离的样式设计语言。目前最高级别的为CSS3.

 

【XML和HTML中的使用】

 

 使用分为三种形式：

 

（1）外联式（直接引用外部的css文件）

<span style="font-size:18px;"><link href="16.css" type="text/css"rel="stylesheet"></span>

 

（2）嵌入式（直接在HTML和XML代码中嵌入使用）

<span style="font-size:18px;"><h4 class="category"><span>我的文章分类</span></h4></span>

 

（3）内联式（直接在HTML和XML元素中写上样式）

<span style="font-size:18px;"> <h1 style="font-size:50px">Hello World!</h1></span>

 

【编写规则】

 

选择器

（1）ID选择器用#

<span style="font-size:18px;">#para{
Font-color:#000000;
Font-size:15px;
}</span>
 

（2）类选择器用.

 

<span style="font-size:18px;">.main{
Text-align :center;
}</span>

 

【语法】

具体的css里面的语法有很多，就不一一列举了，用的时候直接查就可以了。

 

【DIV分块布局】

 

这一块，在做博客的例子的时候深有感触，一个div套着另外一个div,根据不同的CSS来对DIV进行布局。

 

 

【感悟】

    

    在按照视频里的例子实现的时候，有一些例子由于兼容性的问题没有实现，但对于后面做的博客的例子很感兴趣，觉得特别好玩。就简单的一些css样式，就能够做出我们想要的博客背景以及布局样式等。这些例子虽然都简单，但是很实用。保留这些经典的样式，提高以后的代码效率。