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