码迷,mamicode.com
首页 > Web开发 > 详细

web前端基础篇⑧

时间:2016-09-25 21:57:14      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

1.伪类选择器 都以冒号开始。
:focus 焦点的地方加样式
:first-child 向元素的第一个子元素添加样式
锚伪类:
a:link {color:red} 未访问的链接
a:visited {color:yellow} 已访问的链接
a:hover {color:green} 将鼠标放在链接上
a:active {color:blue} 按住链接的时候
hover必须放在link和visited后,才有效。
active必须放在hover之后,才有效。
2.伪元素选择器 也以冒号开始。
:first-letter 向文本的第一个字母添加样式
:first-line 向文本的首行添加样式
3.css基础语法
多个声明用;隔开
每个声明由一个属性和一个值组成
属性和值用:隔开
声明用;结束
属性可简写
多个选择器用一个声明的话 用,隔开
每个选择器可用多条声明
不要在属性和单位之间留空格,否则可能读不出数据
4.权重值
一等:内联(内嵌) 如style 1000
二等:id 如#content 0100=
三等:class、伪类 如.content 0010
四等:元素、伪元素 如div p 0001
*、子元素、相邻兄弟 无权值 0000
important本身没权重值,为0000,但是如果有它的存在,会使所有权重值失效,它变成最高。
5.background-color 背景颜色 background-image 背景图片 background-repeat 背景重复
background-size 背景图尺寸
6.rgb 三原色 (255,0,0)红色 (0,255,0)绿色 (0,0,255)蓝色 (255,255,255)白色 (0,0,0)黑色
7.line-height 垂直居中 text-align水平居中 letter-spacing每个字/字母的间距 text-indent缩进元素中文本的首行
text-decoration添加修饰(none无修饰 underline下划线 overline上划线 line-through贯穿线)
direction文本方向(ltr左到右 rtl右到左) word-spacingyou空的地方设间隔
text-transform字母大小写控制(capitalize首字母大写 uppercase全大写 lowercase全小写)
8.font-size字体大小 font-style italic斜体 font-weight bold加粗 bolder更粗
9.list-style-image前面符号变图片 list-style-image改变前面符号位置 list-style-type符号类型 建议简写
10.outline-color轮廓颜色 outline-style轮廓样式 dotted点状 dashed虚线 solid实线 double双线
outline-width轮廓粗细 thin细 medium中等 thick粗

web前端基础篇⑧

标签:

原文地址:http://www.cnblogs.com/cherry325/p/5906942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!