css创建
- 外部样式表(External style sheet)
- 内部样式表(Internal style sheet)
- 内联样式(Inline style)
内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器
css背景
值 | 描述 |
---|
repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
repeat-x | 背景图像将在水平方向重复。 |
repeat-y | 背景图像将在垂直方向重复。 |
no-repeat | 背景图像将仅显示一次。 |
inherit | 规定应该从父元素继承 background-repeat 属性的设置。 |
单一关键字 | 等价的关键字 |
---|
center | center center |
top | top center 或 center top |
bottom | bottom center 或 center bottom |
right | right center 或 center right |
left | left center 或 center left |
{% endtabs %}
bady{
background-position: 50% 50%;
}
//background-position 的默认值是 0% 0%,在功能上相当于 top left。
background-position: 50px 100px;
//在左上角向右50像素和向下100像素的位置
background-attachment:fixed
值 | 描述 |
---|
scroll | 默认值。背景图像会随着页面其余部分的滚动而移动。 |
fixed | 当页面的其余部分滚动时,背景图像不会移动。 |
inherit | 规定应该从父元素继承 background-attachment 属性的设置。 |
css文本
值 | 描述 |
---|
left | 把文本排列到左边。默认值:由浏览器决定。 |
right | 把文本排列到右边。 |
center | 把文本排列到中间。 |
justify | 实现两端对齐文本效果。 |
inherit | 规定应该从父元素继承 text-align 属性的值。 |
- 字母间距:letter-spacing
- 字间距: word-spacing
- 区别就是第一个是字符或者字母间的间距,第二个则是字或单词的间距
- 字符转换 text-transform
- text-transform 属性控制文本的大小写。
h1 {text-transform:uppercase}//全是大写字母
h2 {text-transform:capitalize}//定义每个单词首字母大写
p {text-transform:lowercase}//定义全是小写字母
- 文本装饰 text-decoration
none //默认文本样式
underline //下划线
overline //上划线
line-through //中部划线
blink //文本闪烁
- 空白空间属性:whiteSpace
值 | 描述 |
---|
normal | 默认。空白会被浏览器忽略。 |
pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 |
pre-wrap | 保留空白符序列,但是正常地进行换行。 |
pre-line | 合并空白符序列,但是保留换行符。 |
inherit | 规定应该从父元素继承 white-space 属性的值。 |
- 文本方向directon