web前端开发基础教程：行内样式和浏览器默认样式

如何编写css样式？

缺省样式（浏览器样式）

1.可以通过设置修改浏览器的样式（浏览器中设置→高级设置：可以修改css默认的样式）

2.所有的标签都有默认的样式：h1,h2,p,p,span,ul等，我们称为浏览器样式或者默认样式

引入css样式

行内样式：通过在标签中设置style属性来达到实现控制标签的样式的效果

<h1 style="color: red;font-size: 12px;">上海垒越科技有限公司</h1>

其中color，font-size表示属性名，red,12px表示属性值。Style属性中可以设置多条的css样式。

内嵌（嵌入，内部）样式：head标签中，嵌套一个style标签，在style标签中可以书写css的样式内容

Style标签中有一个属性type属性，默认值就是text/css，可以省略。例如demo:

<style>

p{

     color:green;/*设置前景色，也就是字体的颜色*/

     background-color:silver;/*设置背景色*/

}

</style>

外部样式，外联样式（link）

通过link标签引入css样式文件

<link rel=”stylesheet”  href=”css/css.css”>

Type属性：只有一个选项，”text/css”，指定当前为css文本文件

Rel:指定单钱html文件与css文件的关系是样式表，href:指定外联样式表的路劲

导入样式：@import，导入样式会导致css文件不能并行下载，不推荐使用，且导入样式的书写必须在所有的css规则书写之前

• 上一篇：web前端开发基础教程：CSS定义与HTML结构之间的关系
• 下一篇：web前端开发基础教程：CSS语法及简单CSS属性