CSS

1. 创建CSS

1).写在head内  
2).引入外部
3)。标签内
<style>
……
</style>

<link rel="stylesheet href="URL">  

<div style="color:red;"></div>

2. 注释

/* */

3. 选择器

id选择器
#:开头id;(唯一)
class选择器
.:开头class;(多个)
标签选择器
div{}
后代选择器
选择器 选择器{}
并集选择器
选择器,选择器{}
属性选择器
选择器[属性 =‘值’]{}
ps:优先级,标签上的style优先,编写顺序,自上往下

4. 边框border

border:1px dotted red; //像素,样式,颜色
也可以给某一条边设置

5.

height:高度
width:可以用百分比,像素
text-align :水平居中
vertical-align :垂直方向根据标签高度居中
line-height:垂直居中(推荐)
font-size:字体大小
font-weight:字体加粗
color:字体颜色

6. 漂浮:float

让标签飘起来,块级标签也可以堆叠
如果父元素没有被撑起来(父亲不能控制儿子),加上:
	<div style="clear:both;"></div>

7. display

转换为块级:块级可以设置
	display:block;
转换为行内:行内元素无法设置宽度,高度,padding,margin
	display:inline;
行块属性:有默认的高度宽度,也可以设置
	display:inline-block;
让标签消失:
	display:none;(JS用于消失,显示)

8. padding margin(0,auto)

padding:内边距
margin:外边距
	margin:0 auto;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值