一、样式表
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元素 类名:伪元素{属性:值}
分享到：
相关推荐
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学习笔记CSS学习笔记CSS学习笔记CSS学习笔记
CSS，全称层叠样式表（Cascading Style Sheets），是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。...通过深入学习和实践，你可以掌握更复杂的布局技巧和美化网页的方法。
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 学习...
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
### HTML与CSS学习笔记 #### 一、基础知识概述 HTML（HyperText Markup Language）与CSS（Cascading Style Sheets）是构建网页的基础技术。通过学习HTML与CSS，我们可以创建结构化且美观的网页。 - **WWW (World ...
综上所述，《CSS经典学习笔记》旨在提供一个全面的CSS学习路径，无论你是初学者还是有经验的开发者，都能从中受益，提升你的CSS技能和网页设计能力。通过深入实践和不断探索，你会发现CSS不仅可以打造出美观的界面，...
html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...
尚硅谷前端HTML+CSS学习笔记 1. 计算机基础知识：计算机俗称电脑，是现代一种用于高速计算的电子计算机器，可以进行数值计算、逻辑计算，还具有存储记忆功能。计算机由硬件和软件组成，硬件是看得见摸得着的物理...
个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS？ CSS（Cascading Style Sheet）是一种样式表语言，用于...
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习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学习笔记...
学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习...
### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**：层叠样式表（Cascading Style Sheets, CSS）是一种用于定义网页表现形式的语言，它使得开发者能够独立地管理和控制文档的内容与样式。 - **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初学者零基础入门...
HTML+CSS个人学习笔记