互联网

当前位置 /首页/游戏数码/互联网/列表

CSS样式的三种表现用法

学会了CSS样式的三种表现用法,CSS原来可以如此简单!

操作方法

(01)一.外部样式将CSS样式编写并安放在一个独立的文件内,有<link />和@import两种方式,而@import基本被放弃使用。<link rel="stylesheet" href="CSS文件路径" />实例1:相对路径:<link rel="stylesheet" href="" />绝对路径:<link rel="stylesheet" href="" />

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>

CSS样式的三种表现用法 第2张

(03)三.内联样式内联样式,也称行内样式,写在标签内的样式,只影响该标签内的元素。适合范围,除<script>外的所有子标签。<自定义标签名 style="属性名称1:属性值1;属性名称2:属性值2;......;">实例3:<body style="background:blue;color:gold;......;">

CSS样式的三种表现用法 第3张

(04)小编在这里是手写CSS样式,所以使用txt文本文档来写。如果有Dreamweaver软件,对新手编写CSS样式来说也是一种不错的选择。

(05)打开Dreamweaver软件,新建文档,选择新建CSS,然后点新建。软件自动生成标准CSS样式模版,在里面输入CSS外部样式。

CSS样式的三种表现用法 第4张

(06)打开Dreamweaver软件,新建HTML文档,一个html文档内可以输入CSS样式的三种表现用法。作者:刘承元 新浪微博:刘承元VIP 微信公众号:刘承元

CSS样式的三种表现用法 第5张
TAG标签:CSS #