获得徽章 0
margin塌陷问题:
问题---第一个子元素的上margin会作用在父元素上,最后一个子元素的下margin也会作用在父元素上
方案:
1.给父元素设置不为0的padding
2.给父元素设置宽度不为0的border
3.给父元素设置overflow:hidden
展开
评论
修改元素的显示模式可以通过CSS中的display属性实现
none---元素会被隐藏
block---元素作为块元素显示
inline---元素作为行内元素
inline-block---元素作为行内块元素
评论
元素显示模式
1.块元素(block)
---在页面中独占一行,不会与任何元素在同一行出现
---默认宽度为父元素宽度
---默认高度由内容撑开
---可以通过css设置宽高
2.行内元素(inline)又称内联元素
---不独占一行,一行中排不下的元素,在下一行中从左到右排列
---默认宽度由内容撑开
---默认高度由内容撑开
---无法通过css调整宽高
3.行内块元素(inline-block)又称内联块元素
---与行内元素相似,但可以通过css设置宽高
展开
评论
Vertical-align
作用:用于指定同一行元素之间,或表单元素中文字的垂直对齐方式
常用值
1.baseline(默认值)---使元素的基线与父元素的基线对齐
2.top---使元素的顶部与其所在行的顶部对齐
3.middle---使元素的中部与父元素的基线加上父元素字母x的一半对其
4.bottom---使元素的底部与其所在行的底部对齐
尤其注意,vertical-align对块元素不起作用
展开
评论
文本对齐---竖直方向
1.顶部:无需任何属性,在竖直方向上,默认是顶部对齐
2.居中:对于单行文字,让height = line-height即可
3.底部:低于单行文字line-height = (height x 2) - font-size - x (x由字体族决定)
展开
评论
行高
属性名:line-height
作用:控制一行文字的高度
可选值:1.normal,2.px,3.数字:参考自身font-size的倍数,4.百分比:参考自身font-size的百分比
例:
div{
line-height:30px;
line-height:1.5;
line-height:150%

}
展开
评论
文本缩进:
属性名---text-indent
作用---控制文本首字母的缩进
属性值---css中的长度单位,例如px
但常用text-indent:2em(em为当前字体大小)
评论
文本修饰
属性名:text-decoration
作用:控制文本的各种装饰线
可选值:
1.none---无装饰线
2.underline---下划线
3.overline---上划线
4.line-through---删除线
可附加下列属性
1.dotted---虚线
2.wavy---波浪线
3.颜色属性
展开
评论
字体风格
属性名:font-weight
作用:控制字体的粗细
常用值:
----语句类:lighter-细,normal-正常,bold-粗,bolder-很粗
----数值类:100-1000没有单位,数值越大越粗。100-300相当于lighter,400-500相当于normal,600及以上相当于bold
展开
评论
字体族
属性名:font-family
作用:控制字体的类型
语法:div { font-family: "Microsoft YaHei","STcaiyun", sans-serif }
tips:
1.使用字体的英文名称兼容性更好
2.如果字体包含空格,必须用引号包裹起来
3.可设置多个字体,从左到右依次遍历,碰到设备上有的字体用,同时在最后加上serif(衬线字体)或sans-serif(非衬线字体)
4.Windows系统中默认使用微软雅黑(Microsoft YaHei)
展开
评论
下一页
个人成就
文章被阅读 461
掘力值 51
收藏集
1
关注标签
2
加入于