前端开发HTML&css入门——CSS&选择器练习(待补)

 CSS 

  层叠样式表 (Cascading Style Sheets)css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。 而css就可以分别为网页的各个层次设置样式。  

  CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。

  语法:

    – 选择器 {样式名:样式值;样式名:样式值 ; }
    – p {color:red ; font-size:12px;}

方法一:

  内联样式

 1 doctype html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title>CSStitle>
 6    head>
 7     <body>
 8           <p style="color:red;font-size:40px;">锄禾日当午,汗滴禾下土p>
 9                 <p style="color:red;font-size:40px;">谁知盘中餐,粒粒皆辛苦p>
10     body>
11 html>

  可以将CSS样式编写到元素的style属性当中将样式直接编写到style属性中,这种样式我们称为内联样式内联样式只对当前的元素中的内容起作用,内联样式不方便复用内联样式属于结构与表现耦合,不方便后期的维护,不推荐使用。所以我们就有了CSS。

  内部样式

 1 doctype html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" /
 5