web前端学习day-04

1 css常用属性

1 background-color 设置元素的背景颜色

2 background-image 设置元素的背景图像

3 background-repeat 设置是否及如何重复背景图像

2 文本

color 颜色

text-align 设置文本对齐方式 :center left right justify(两端对齐)

text-decoration 线的效果

text-indent: 2em; 首行缩进

3 diaplay 属性

none 隐藏

block 显示

4 浮动

属性有none left right

5 盒子模型

border padding margin三个属性构成盒子模型

padding 内边距
border 边框
margin 外边距
border边框 设置边框的颜色、样式、宽度
border:颜色 样式 宽度
例: border:red soild 1px

单独设置边框的宽度、颜色、样式
border -width
border-style
border- color 

border- collapse
设置是否将表格边框折叠为单一边框。
属性值: separate (默认,单元格边框独立)、collapse (单元格边框合并)

padding 内边距
设置元素所有内边距的宽度,或者设置各边上内边距的宽度。
单独设置各边的内边距: padding- top、padding- left、padding- bottom、padding-right
默认按照上右下左的顺序设定

设置1个值:上右下左都-致
设置2个值:上下一致,左右一致
设置3个值:上右下,左和右一致

margin

设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

单独设置各边的外边距: margin-top、 margin-left、 margin-bottom、 margin-right
 

上一篇:微信小程序 仿微信朋友圈


下一篇:盒子模型:外边距合并+嵌套块级元素垂直外边距塌陷