标签:
1、CSS是Cascading Style Sheet的缩写,中文意思:层叠样式表。
CSS能让网页制作者有效的定制、改善网页的效果。CSS是对HTML的补充
CSS实现了网页内容和页面效果的彻底分离
Ctrl+j 弹出智能提示
2、CSS的几种设置方式
有三种方式可以将样式表加入到HTML文档中,每种方式都有自己的优缺点
1)、内联样式表(在标签内设置元素的样式)
2)、嵌入样式表(需要在head标签内写<style type="text/css"></style>)
3)、外部样式表 link
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link href="Testcss.css" rel="stylesheet" /> <style type="text/css"> p{ background:yellow; font-size:xx-small; } </style> </head> <body> <p style="background:red; font-size:xx-large">今天天气好晴朗,处处是蒸笼</p> <p>今天天气好晴朗,处处是蒸笼</p> <p>今天天气好晴朗,处处是蒸笼</p> <p>今天天气好晴朗,处处是蒸笼</p> <tt>床前明月光,疑是地上霜</tt> </body> </html>
3、样式规则的选择器(通过怎样的途径来获得页面上要设置样式的元素)
1)、HTML Selector
2)、Class Selector(需要给要设置样式的元素的Class属性赋值)
3)、ID Selector(需要给要设置样式的元素的id属性赋值)
4)、关联选择器 PEM{background-Color:Yellow}
5)、组合选择器 <table></table>
6)、伪元素选择器
伪元素选择器是指对同一个HTML 元素的各种状态和其所包括的部分内容的一种定义方式。例如:对于超链接标签<a></a>的正常状态(没有任何动作前)、
访问过的状态、选中的状态、光标移到超链接文本上的状态,对于段落的首字母和首行,都可以使用伪元素选择器来定义
常用的有有下几种:
A:active 选中超链接时的状态
A:hover 光标移动到超链接上的状态
A:link 超链接的正常状态
A:visited 访问过的超链接状态
P:first-line 段落中的第一行文本
P:first-letter 段落中的第一个字母
标签:
原文地址:http://www.cnblogs.com/mikie/p/4645193.html