CSS常用样式的整理

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值