css学习札记（1）
日期：2014-05-17 浏览次数：20615 次
css学习笔记（1）
一、样式表
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元素 类名:伪元素{属性:值}
?
?
?
?
?
?
?
?
?
?
?
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
