css 学习
背景:background 默认为none 必须为这个属性设置URL
背景重复 Background-repeat
repeat-y 垂直方向重复
repeat-x 水平方向重复
Background-position 改变图像在背景中的位置
(1) Center
(2) Top
(3) Bottom
(4) Right
(5) Left
百分比
文本:通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进
text-indent :可以方便实现文本的缩进
text-aligin:影响一个元素中的文本行互相之间的对齐方式
Justify:最后一个水平对齐属性是 justify。
Work-spacing:改变单词间的标准间隔
text-transform 属性处理文本的大小写。这个属性有 4 个值:
None uppercase lowercase capitalize
text-decoration 有 5 个值:
· none
· Underline 加下划线
· Overline 元素的顶端加下划线
· line-through 在文本中间加贯穿线
· Blink 文本闪烁
White-space 影响到用户代理对源文档中的空格、换行和 tab 字符的处理。
White-space:normal 丢掉多余的空白格
字体:使用 font-family 属性 定义文本的字体系列 5种
font-style 属性最常用于规定斜体文本 3个值
Normal 正常显示
Italic 文本斜体显示
Oblique 文本倾斜显示
font-variant 属性可以设定小型大写字母。
font-weight 属性设置文本的粗细。
font-size 属性设置文本的大小。
轮廓: outline 属性规定元素轮廓的样式、颜色和宽度
Outline-color 设置轮廓的颜色
Outline-style 设置轮廓的样式
Outline-width 设置轮廓的宽度
框模型: 内边距:padding
边框:border
外边距:margin
上右下左 顺时针
选择器:
元素选择器:选择器通常将是某个 HTML 元素 (p h1 span)
Id 选择器:标有特定id
子元素选择器:子选择器使用了大于号
只能选择某元素子元素的元素
例如:h1>strong(color:red);
类选择器: class 指定为一个适当的值
属性选择器:可以根据元素的属性及属性值来选择元素
兄弟选择器:可以选择在同一父元素的其他元素
<div>
<ul></ul>
<li></li>
</div>
Ul li 是兄弟元素 ul+li 兄弟选择器
派生选择器:允许你根据文档的上下文关系来确定某个标签的样式
h1 strong
定位:
相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。
绝对定位 相对与最近的已定位的祖先元素
相对定位 相对与原来的位置移动 position:relative
背景:background 默认为none 必须为这个属性设置URL