一、样式表
1.内联样式
<meta http-equiv="Content-Style-Type" content="text/css"> text/xsl
①嵌入样式表
<head>
<style type="text/css" media="screen,projection">
<!---
p{font-size:20pt; color:blue; font-family:宋体; list-style-type:circle;
text-decoration:underline}
->
</style>
</head>
2.外部样式
test.css文件引入网页
<head>
<link rel="StyleSheet" href="text.css" type="text/css" media="screen">
</head>
3.输入样式表
可以使用css的@import声明将一个外部样式表文件输入到另外一个css文件中，被输入的css文件中的样式规则定义语句就成为了输入到css文件中的一部分。亦可以使用@import声明将一个css文件输入到网页文件的<style>标签对中。
例：
<sytle type="text/css" media="screen, projection">
<!--
@import url(/stylesheets/style.css);
p{bgcolor:red;color:blue}
-->
</style>
二、样式规则的选择器
- HTML selector
- Class selector
- ID selector
- 关联选择器
- 组合选择器
- 伪元素选择器
使用伪元素作为选择器的样式规则定义格式：
HTML元素:伪元素{属性:值}
常用的伪元素：
A:active 选中超链接时的状态
A:hover 光标移动到超链接上的状态
A:link 超链接的正常状态
A:visited 访问过的超链接状态
P:first-line 段落中的第一行文本
P:first-letter 段落中的第一个字母
类选择器与伪元素一起使用的格式:
HTML元素 类名:伪元素{属性:值}
分享到：
相关推荐
CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
作为html 和css 学习笔记 和 复习大纲
CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...
背景图像是否固定或者随着页面的其余部分滚动。暂时不懂CSS 文本格式文本颜色颜色属性被用来设置文字的颜色。颜色是通过 CSS 最经常的指定：十六进制值 - 如:
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
个人css学习笔记 精华版 个人css学习笔记 精华版
css经典学习笔记
html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...
CSS和CSS3学习笔记，知识全面，知识分类清晰，内涵学习3D的链接博客
html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...
《韩顺平轻松搞定网页设计》DIV+CSS学习笔记
学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习...
DIV+css学习笔记DIV+css学习笔记
很好的css+div学习笔记和资源，pdf版，字迹相当清晰，内容循序渐进，逻辑清楚！
前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css...
HTML+CSS个人学习笔记
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...