标签:
CSS:Cascading Style Sheets(层叠样式表) CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
CSS和HTML结合的方式:
1,sytle属性方式(行内样式)
利用标签中style属性来改变每个标签的显示样式。 例:<p style=" color:#FFFFFF"> p标签段落内容。 </p>
2,style标签方式(内嵌样式)
在head标签中加入style标签,对多个标签进行统一修改。
<head>
<style type=”text/css”>
p { color:#FF0000;}
</style>
</head>
3,导入方式
前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到,那么就用到这种方式。
<style type="text/css">
@import url(css_3.css);
div { color:#FF0000;}
</style>
4,链接方式
通过head标签中link标签来实现,前提也是先要有一个已定好的CSS文件。
例: <link rel="stylesheet" type="text/css" href="css_3.css" />
CSS扩展选择器
1,关联选择器
标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就可以用此选择
例: p { color:#00FF00;}
p b { color:#FF000;}
<p>P标签<b>刘德华</b>段落样式</p>
<p>P标签段落</p>
2,组合选择器
对多个不同选择器进行相同样式设置的时候应用此选择器。
p,div { color:#FF0000;}
<p>P标签显示段落。</p>
<div>DIV标签显示段落</div>
3,伪元素选择器
其实就在html中预先定义好的一些选择器。称为伪元素。是因为CSS的术语。
格式:标签名:伪元素
a:link 超链接未点击状态。
a:visited 被访问后的状态。
a:hover 光标移到超链接上的状态(未点击)
a:active 点击超链接时的状态。
CSS的常见操作
CSS中尺度单位的介绍
字体设置
文本设置
背景设置
列表设置
盒子模型(border margin padding)
定位设置(position,float,clear,z-index)
鼠标样式设置(cursor)
标签:
原文地址:http://www.cnblogs.com/woodrow2015/p/4547507.html