CSS样式的三种表现用法
学会了CSS样式的三种表现用法，CSS原来可以如此简单！
操作方法
- 01
一.外部样式 将CSS样式编写并安放在一个独立的.css文件内，有<link />和@import两种方式，而@import基本被放弃使用。 <link rel="stylesheet" href="CSS文件路径" /> 实例1： 相对路径：<link rel="stylesheet" href="css.css" /> 绝对路径：<link rel="stylesheet" href="http://www.heavan.net/sytle/css.css" />
- 02
二.内部样式 定义在style标签中，放在head标签中，设置的样式可以影响整个HTML页面。 <style> 选择器1 { 属性名称1:属性值1; 属性名称2:属性值2; ...... } 选择器2 { 属性名称a:属性值a; 属性名称b:属性值b; ...... } ...... </style> 实例2： <style> body { background:red; color:blue; } p{ color:red; } ...... </style>
- 03
三.内联样式 内联样式，也称行内样式，写在标签内的样式，只影响该标签内的元素。适合范围，除<script>外的所有子标签。 <自定义标签名 style="属性名称1:属性值1;属性名称2:属性值2;......;"> 实例3： <body style="background:blue;color:gold;......;">
- 04
小编在这里是手写CSS样式，所以使用txt文本文档来写。如果有Dreamweaver软件，对新手编写CSS样式来说也是一种不错的选择。
- 05
打开Dreamweaver软件,新建文档，选择新建CSS，然后点新建。软件自动生成标准CSS样式模版，在里面输入CSS外部样式。
- 06
打开Dreamweaver软件,新建HTML文档，一个html文档内可以输入CSS样式的三种表现用法。 作者：刘承元 新浪微博：刘承元VIP 微信公众号：刘承元