1 字体的css常用属性 :
Color:设置字体的颜色
Font-size: 设置字体的大小
Font-family: 设置字体的样式
Font-weight: 设置字体的加粗大小
2.超链接的常用样式;
A:link :设置超链接刚开始的样式,有颜色,字体大小等等。
A: visited : 鼠标点过后的样式。
A:hover: 鼠标放上去后的样式
A: active: 鼠标点上去的那一刻的样式
3.边框的常用属性:
Border :包含Border - style,Border - width,Border - color
Border - style : 边框的风格
Border - width: 边框的粗细
Border - color: 边框的颜色
4.背景常用的属性:
给div加背景图片:
Background-image: url(1.png);
图片的横向铺满|纵向铺满|不铺满:
Background-repeat: repeat-x|repeat-y|no-repeat
控制图片的位置:10px距离父容器左边的距离,20px距离父容器上边的距离
Background-position: 10px 20px
设置背景颜色:
Background-color: #cccccc;
固定背景图片的位置:
Background-attachment:fixed;
Background:包含以上所有
4.Div常用的属性
如何让一个块元素的内容超出部分变为滚动条;
Overflow: auto
如何控制div的层级
Z-index: 3;数字越大层级越高
5.设置光标的样式:
Cursor: help;
6.列表的属性:
列表前面的图标的样式
List-style-type: circle;
将列表前面的样式改为自定义图片
List-style-image:ur(“1.png”);
7.块级元素的特点:
块级元素的内容,默认显示在块的左上角
块元素,单独占满一行(文档流)
常用的块级元素:
Div
P
H1-h6
Form
Menu
Pre
Table
三种列表;(ol li; ul li; dl dt)
8.行内元素的特点:
没有单独占满一行
默认情况下不受高度和宽度的影响
常用的行内元素:
Span
A
Lable
Img
Textarea
Strong
Input
Select
9.行内元素和块级元素的相互转化:
display: inline; //行内元素的属性
Display: block; //块内元素的属性
10.块级元素的浮动:
实现两个div的并排:都设置float: left;
清除旁边的div左边的浮动对自身的影响:clear: left
更新中。。。。
作者:ZQH24