css的引入规则---lesson1

来源：互联网发布：whois域名查询系统编辑：程序博客网时间：2024/06/07 06:00

引入规则有3种方法：

1、外部样式表：通过引入外部的一个css文件来作用要修饰的元素；该样式可以被其他页面文件引入使用；

2、嵌入式样式表：通过在当前页面的head部定义样式；样式只在页面内有效；

3、内联式样式表：通过在某一个元素上定义style属性来表示；样式只对该元素有效；

基本使用范例：

截图：

代码：

a.html

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><link href="../../css/lesson1/a.css" rel=stylesheet type="text/css"> <!-- 嵌入式样式表 --><style type="text/css">.qr{font-size: 14px;color: #0f0;}</style></head><body><p> 样式表类型</p><p class="wb"> 外部样式表</p><p class="qr"> 嵌入式样式表</p><p style="font-size: 14px;color: #00f">内联式样式表</p></body></html>

a.css

@CHARSET "UTF-8";.wb{font-size: 14px;color: #F00;}

阅读全文

0 0