CSS

mac2022-06-30  24

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;
最新回复(0)