常用CSS代码大全
一.文本设置
1.font-size : 字号参数
2.font-style : 字体格式
3.font-weight : 字体粗细
4.颜色属性:
color : 参数
 
二.超链接设置:
text-decoration : 参数
主要用途是改变浏览器显示文字链接时的下划线
参数取值范围:
underline : 为文字加下划线
overline : 为文字加上划线
line-through : 为文字加删除线
blink : 使文字闪烁
none : 不显示上述任何效果
 
三.背景
1.背景颜色:
padding : 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); color:rgb(61,70,77);font-size:16px;
barder-left:background-image:(URL)
URL就是背景图片的存放路径,none表示无
3背景图片重复:
background-repeat : 参数
参数取值范围:
no-repeat : 不重复平铺背景图片
repeat-x : 使图片只在水平方向上平铺
repeat-y : 使图片只在垂直方向上平铺
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平,垂直两个方向上平铺
4.背景图片固定:
背景图片固定控制背景图片是否随网页的滚动而滚动.如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动,
为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定
background-attachment : 参数
参数取值范围:
fixed : 网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
scroll : 网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
 
四.区块
1.单词间距:
word-spacing : 间隔距离
2.字母间距
letter-spacing : 字母间距
3文本对齐
text-align : 参数
参数的取值:
left :左对齐
right :右对齐
center :居中对齐
justify :相对左右对齐
4.垂直对齐
vertical-align : 参数
top:顶对齐
bottom:底对齐
text-top :相对文本顶对齐
text-bottom : 相对文本底对齐
baseline :基准线对齐
middle : 中心对齐
sub : 以下标的形式显示
super : 以上标的形式显示
5文本缩进:
text-indent :缩进距离
12px相当于一个文字距离
6空格
white-space : 参数
normal 正常
pre 保留
nowap 不换行
7显示样式
display:参数
参数取值范围:
block :块级元素,在对象前后都换行
inline : 在对象前后都不换行
list-item : 在对象前后都换行,增加了项目符号
none : 无显示
 
 
五.方框
1.height 高度
2.weight 宽度
3.padding 内边距
4.margin 外边距
5.float(浮动):可以让块级元素在一行中排列,例如横向菜单
6.clear 清楚浮动
 
六.边框
1.样式
border style 参数
边框样式的参数:
none :无边框
dotted :边框为点线
dashed :边框为长短线
solid :边框为实线
double : 边框为双线
2.宽度:
border width 参数
3.颜色:
border color 参数
 
七.列表
list-style-type 列表样式
不用浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示
控制用户界面的样式
 
八.鼠标
cursor :鼠标形状参数
CSS鼠标样式参数表
鼠标形状:CSS代码
style = "cursor:hand" 手形
style = "cursor:crosshair" 十字形
style = "cursor:text" 文本形
style = "cursor:wait" 沙漏形