CSS简介
--层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
--CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
最基础的CSS元素及属性
style元素
定义和用法
--<style>标签用于为HTML文档定义样式信息。
--type属性是必需的,定义style元素的内容,唯一可能的值是“text/css”
--style元素位于head部分中
属性
属性 | 值 | 描述 |
---|---|---|
type | text/css | 规定样式表的MIME类型 |
media | screen tty tv projection handheld braille aural all | 为样式表规定不同的媒介类型 |
使用添加到<head>部分的样式信息对HTML进行格式化
<html>
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>
没有下划线的连接
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>
<body>
<a href="http://www.w3school.com.cn/example/html/lastpage.html">
这是一个链接!
</a>
<br /><br />
<a href="http://www.w3school.com.cn/example/html/lastpage.html"
style="text-decoration:none">
这是一个链接!
</a>
</body>
</html>
font-size和color属性
font-size设置文本大小,color设置文本颜色
<!DOCTYPE HTML>
<html>
<body>
<a>CSS简介</a>
<br />
<a style="font-size: 40px; color=#ffffff">CSS简介</a> <!-- 两个属性间用分号隔开 -->
<!-- style属性是HTML的全局属性,即任何一个标签中都有该属性 -->
</body>
</html>