CSS 指层叠样式表
css是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。
有三种方法可以在站点网页上使用样式表:
1. 外联式Linking(也叫外部样式):将网页链接到外部样式表。
2. 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
其中,优先级:内联式 > 嵌入式 > 外联式
css是用来表示html和xml的标记语言。
css由选择器、属性和值组成。
css的长度单位
px 像素
em 相对于默认大小 倍数
pt 磅 cm(厘米) mm(毫米) 绝对单位
css颜色的表示
常用的颜色:orange blue purple white black red yellow green gray cyan
rgb表示:rgb(123,206,98)
(0~255,0~255,0~255)
rgb(百分比,百分比,百分比)
rgb(255,255,255)白色
rgb(0,0,0)黑色
rgb(100,100,100)灰色 只要三个都一样就是灰色
值越大颜色越浅,值越小颜色越深
十六进制(推荐使用)
#34afa1
#ff0000 红色 可以简写 #f00
#00ff00 绿色 简写 #0f0
#0000ff 蓝色 简写 #00f
#ffffff 白色 简写 #fff
#000000 黑色 简写 #000
#cccccc 灰色 简写 #ccc
#336699 简写 #369
CSS注释
/*注释*/
CSS选择器
元素选择器
ID选择器 #id
Class选择器 .类名
全局选择器 *
关联选择器-后代元素选择器 slecter slecter
关联选择器-子元素选择器 slecter>slecter
组合选择器 两种基本选择器的组合
伪类选择器:link:选择器选择未访问的链接,向未访问的链接添加特殊的样式。
:visited:向访问过的链接添加特殊的样式
:hover:在鼠标移到链接上时添加的特殊样式。
:active:向活动的链接添加特殊的样式,当你点击一个链接时它变成活动链接。
选择器的优先级:ID>Class>Tag
组合选择器中 ID权重100 Class10 Tag权重1
CSS的属性
字体属性
font-family 字体 字体分为衬线字体(serif)和非衬线字体(sans-serif)
font-size 字体大小
font-style 字体风格 normal(默认) itailc(斜体)
font-weight 字体粗度 normal(默认)bold(加粗) bolder(更粗)lighter(变细)
font-variant 字体变形 normal(默认) small-caps(小型大写字母)
font 同意设置
font【style/weight/variant size family】字体在最后
颜色属性
color 值:字母/rgb/16进制
文本属性
letter-spacing 字母间距
word-spacing 单词间距
text-decoration 文本修饰:underline 下划线
:overline 上划线
:line-through 删除线(中划线)
:none(默认值)
网友评论