学习历程之HTML（Css简介）

 

概念：CSS技术是美化网页的重要工具，一个网页的布局、美化都比较依赖Css技术

选择器由：选择器名  一对大括号{  }  和大括号里面的属性组成

Css技术中比较重要的是四种选择器的使用：

1.标签选择器：既使用HTML的元素标签作为选择器的名，这种选择器我们称为标签选择器，如：   a {

        font-size:12px;              

   }

p {

     color:#F00;

     font-size:12px;

     text-align:center;

}等

作用：当编写标签选择器后，本HTML中所有的对应标签都会应用标签选择器中的样式，如编写  a {   font-size:12px;  }标签选择器，那么HTML页面中所有的<a></a >都会应用a {   font-size:12px;  }标签选择器中的样式

2.类选择器：在选择器名前加有英文原点的选择器被称为类选择器，如：

.red {

         font-size:16px;

     }

使用和作用：<p class=" red ">这是类选择器中的文字</p>利用标签的class属性在class属性中加上选择器名来利用类选择器中的样式

3.id选择器：在选择器名前加有#符合的选择器被称为id选择器，如：

   #banner {

        width:468px;

        height:60px;

        background:#0F0;

   }

使用和作用：<p id="banner">这是网页的banner</p>利用标签的id属性在id属性中加上选择器名来利用id选择器中的样式

4.派生选择器：既在以上三个选择器的基础上，在原有的选择器名后面加上HTML的标签，这类标签被称为派生选择器，如：

  P  a {

        font-size:20px;

   }

.red  a{

         font-size:16px;

     }

 

   #banner a {

        width:468px;

        height:60px;

        background:#0F0;

   }

使用和作用：

如

编写了  P  a {

        font-size:20px;

   }

这个派生选择器那么

<p>这是p选择器中<a href="#">a标签</a></p>

P标签中的a标签会自动应用派生选择器中的样式。

 

利用css可以做出以下网页：

感悟：接下来将开始HTML学习的艰难之路