写网页常用
2017-01-23 10:56
232 查看
position:absolute是将div的位置固定的
overflowhidden的作用是隐藏溢出
margin:auto;边缘自动
position:relative; 他的意思是绝对相对定位
text-align: left文本对齐方式:居左对齐
float:left或者float:right,简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,
全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动
border-right:1px solid #FFF;指的就是右边加条线
margin-top:9px;边缘高出9
1.CSS背景属性(background)
2.CSS边框属性(border与outline)
3.CSS文本属性(text)
4.CSS字体属性(font)
5.CSS外边距属性(margin)
6.CSS内边距属性(padding)
7.CSS列表属性(list)
8.CSS尺寸属性(dimension)
9.CSS定位属性(positioning)
10.CSS表格属性(table)
overflowhidden的作用是隐藏溢出
margin:auto;边缘自动
position:relative; 他的意思是绝对相对定位
text-align: left文本对齐方式:居左对齐
float:left或者float:right,简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,
全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动
border-right:1px solid #FFF;指的就是右边加条线
margin-top:9px;边缘高出9
1.CSS背景属性(background)
属性 | 描述 |
background | 在一个声明中设置所有的背景属性 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-image | 设置元素的背景图像 |
background-position | 设置背景图像的开始位置 |
background-repeat | 设置是否及如何重复背景图像 |
2.CSS边框属性(border与outline)
属性 | 描述 |
border | 在一个声明中设置所有的边框属性 |
border-bottom | 在一个声明中设置所有的下边框属性 |
border-bottom-color | 设置下边框的颜色 |
border-bottom-style | 设置下边框的样式 |
border-bottom-width | 设置下边框的宽度 |
border-color | 设置四条边框的颜色 |
border-left | 在一个声明中设置所有的左边框属性 |
border-left-color | 设置左边框的颜色 |
border-left-style | 设置左边框的样式 |
border-left-width | 设置左边框的宽度 |
border-right | 在一个声明中设置所有的右边框属性 |
border-right-color | 设置右边框的颜色 |
border-right-style | 设置右边框的样式 |
border-right-width | 设置右边框的宽度 |
border-style | 设置四条边框的样式 |
border-top | 在一个声明中设置所有的上边框属性 |
border-top-color | 设置上边框的颜色 |
border-top-style | 设置上边框的样式 |
border-top-width | 设置上边框的宽度 |
border-width | 设置四条边框的宽度 |
outline | 在一个声明中设置所有的轮廓属性 |
outline-color | 设置轮廓的颜色 |
outline-style | 设置轮廓的样式 |
outline-width | 设置轮廓的宽度 |
3.CSS文本属性(text)
属性 | 描述 |
color | 设置文本的颜色 |
direction | 规定文本的方向/书写方向 |
letter-spacing | 设置字符间距 |
line-height | 设置行高 |
text-align | 规定文本的水平对齐方式 |
text-decoration | 规定添加到文本的装饰效果 |
text-indent | 规定文本块首行的缩进 |
text-shadow | 规定添加到文本的阴影效果 |
text-transform | 控制文本的大小写 |
unicode-bidi | 设置文本方向 |
white-space | 规定如何处理元素中的空白 |
word-spacing | 设置单词间距 |
4.CSS字体属性(font)
属性 | 描述 |
font | 在一个声明中设置所有字体属性 |
font-family | 规定文本的字体系列 |
font-size | 规定文本的字体尺寸 |
font-size-adjust | 为元素规定aspect值 |
font-stretch | 收缩或拉伸当前的字体系列 |
font-style | 规定文本的字体样式 |
font-variant | 设置或检索对象中的文本是否为小型的大写字母 |
font-weight | 规定字体的粗细 |
5.CSS外边距属性(margin)
属性 | 描述 | ab3a
margin | 在一个声明中设置所有的外边距属性 |
margin-bottom | 设置元素的下外边距 |
margin-left | 设置元素的左外边距 |
margin-right | 设置元素的右外边距 |
margin-top | 设置元素的上外边距 |
6.CSS内边距属性(padding)
属性 | 描述 |
padding | 在一个声明中设置所有的内边距属性 |
padding-bottom | 设置元素的下内边距 |
padding-left | 设置元素的左内边距 |
padding-right | 设置元素的右内边距 |
padding-top | 设置元素的上内边距 |
7.CSS列表属性(list)
属性 | 描述 |
list-style | 在一个声明中设置所有的列表属性 |
list-style-image | 将图像设置为列表项标记 |
list-style-position | 设置列表项标记的放置位置 |
list-style-type | 设置列表项标记的类型 |
8.CSS尺寸属性(dimension)
属性 | 描述 |
height | 设置元素高度 |
max-height | 设置元素的最大高度 |
max-width | 设置元素的最大宽度 |
min-height | 设置元素的最小高度 |
min-width | 设置元素的最小宽度 |
width | 设置元素的宽度 |
9.CSS定位属性(positioning)
属性 | 描述 |
bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移 |
clear | 规定元素的哪一侧不允许其他浮动元素 |
clip | 剪裁绝对定位元素 |
cursor | 规定要显示的光标类型(形状) |
display | 规定元素应该生成的框的类型 |
float | 规定框是否应该浮动 |
left | 设置定位元素左外边距边界与其包含块左边界之间的偏移 |
overflow | 规定当内容溢出元素框时发生的事情 |
position | 规定元素的定位类型 |
right | 设置定位元素右外边距边界与其包含块右边界之间的偏移 |
top | 设置定位元素的上外边距边界与其包含块上边界之间的偏移 |
vertical-align | 设置元素的垂直对齐方式 |
visibility | 规定元素是否可见 |
z-index | 设置元素的堆叠顺序 |
10.CSS表格属性(table)
属性 | 描述 |
border-collapse | 规定是否合并表格边框 |
border-spacing | 规定相邻单元格边框之间的距离 |
caption-side | 规定表格标题的位置 |
empty-cells | 规定是否显示表格中的空单元格上的边框和背景 |
table-layout | 设置用于表格的布局算法 |
相关文章推荐
- check_oracle_health监控oracle
- centos apache 多域名配置虚拟主机
- 发短信小项目
- Log4j 日志文件Linux/Mac/Windows通用存放位置设置方法
- linux下使用Composer安装Laravel(centos+oneinstack+composer+laravel)第二步
- 使用阿里云的ip地址查询服务-使用免费版
- jQuery的isEmptyObject方法判断对象是否为空
- 五年前,John Carmack对Oculus Rift的一次评测
- c++编程和c在思想上最大的差别
- LSM树——LSM 将B+树等结构昂贵的随机IO变的更快,而代价就是读操作要处理大量的索引文件(sstable)而不是一个,另外还是一些IO被合并操作消耗。
- PHP复习第三天-inclde和require
- Genymotion模拟器出现INSTALL_FAILED_NO_MATCHING_ABIS 的解决办法
- 常用字符串工具类StringUtils.stripEnd()用法示例。
- SimHash算法原理
- linux日志logger命令详解
- 2017Android通用流行框架大全
- junit 中的 assert语句
- 深入递归
- 深度学习框架太抽象?其实不外乎这五大核心组件
- 多线程同步