(前端学习)02-CSS

选择器

abc		元素
#abc	id
.abc	class
[abc]	属性
加空格	派生选择器

背景

background-repeat 设置重复
background-attachment 背景图像是否固定或者随着页面滚动
background-position left top; (0px 0px;坐标距离上和左多少px)
/* 两个值1.在哪里显示 2.在图片的哪个位置开始显示默认center */

文本

color 文字颜色
text-align: 文本的位置
text-indent: 2em; 首行缩进2个字符
text-transfrom 元素中的字母(转大写或小写或首字母大写)
text-shadow:3px 3px 1px red 向文本添加阴影(1.2.阴影距离原文本左和右的距离 3.清晰度4.颜色)
word-wrap 规定文本的换行规则

字体

font-family 更换字体

链接

a:link 普通的、未被访问的链接
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接的上方
a:active 链接被点击的时刻
	text-decoration属性大多去掉链接中的下划线

列表

list-style-image 列表项图像
list-style-position 列表标记位置

定位

position:(absolute relatived fixed static)
	absolute	绝对定位(不占位置定固定在页面某个位置上)
	relatived	相对定位 (占位置)
	fixed		(固定在浏览器窗口某个位置上随着滚动条动)
	static		静态 (占位置 不受left top 等偏移量影响)

浮动

float: (left, right)在一个容器里浮动
clear: 去掉浮动

其他

 border-radius:10px (圆角边框)
    box-shadow:3px 3px 1px red 添加阴影(1.2.阴影距离左和右的距离 3.清晰度4.颜色)(边框阴影)
    padding 内边距
    margin 外边距	(指定居中可以margin: 0px auto;)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值