2018.3.9课堂笔记
2018-03-09 14:07
155 查看
内联元素在给其设置宽高和上下边距时不会有实际作用(因为默认遵从行内尺寸)
navigator 导航
display:
1.display:block就是将元素显示为块级元素
2.display:inline就是将元素显示为行内元素
3.display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)
边框的几种样式:
1.solid 实线
2.点虚线
3.线虚线
4.双线
5.上阴影下实线
6.下阴影上实线
7.上阴影
8.下阴影
浮动:浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素(浮动会脱离文档、流浮动可以内联排列)
Position:
1.static静态
2.fixed固定
3.relative相对
4.absolute绝对
margin设置区块元素水平居中
position属性设置元素的左右对齐
float属性设置左右对齐
padding属性设置水平垂直居中
line-height属性设置水平垂直居中
绝对定位和transform属性设置水平垂直居中
navigator 导航
display:
1.display:block就是将元素显示为块级元素
2.display:inline就是将元素显示为行内元素
3.display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)
边框的几种样式:
1.solid 实线
2.点虚线
3.线虚线
4.双线
5.上阴影下实线
6.下阴影上实线
7.上阴影
8.下阴影
浮动:浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素(浮动会脱离文档、流浮动可以内联排列)
Position:
1.static静态
2.fixed固定
3.relative相对
4.absolute绝对
margin设置区块元素水平居中
position属性设置元素的左右对齐
float属性设置左右对齐
padding属性设置水平垂直居中
line-height属性设置水平垂直居中
绝对定位和transform属性设置水平垂直居中
相关文章推荐
- 12.14课堂笔记、课后作业、学习心得
- 物联网课堂笔记2
- 物联网课堂笔记
- XML的课堂笔记
- IOS UI 01 课堂笔记 -label
- ≪统计学习精要(The Elements of Statistical Learning)≫课堂笔记(十四)
- 单映射实体bean的课堂笔记
- 10.30部分课堂笔记
- C++课堂学习笔记
- 算法课堂笔记1—算法分析的数学基础
- Android课堂学习笔记——HttpUrlConnection(四)
- 2016年11月2日 课堂笔记
- 课堂笔记-用python爬虫文档
- 课堂笔记1
- OC课堂笔记->KVC
- Bootstrap-课堂笔记
- 机器学习课堂笔记(四)
- Hibenate 课堂笔记
- 11-12 课堂笔记