day4前半部分

CSS深入

文字段落的样式属性

color:设定标签文件中的颜色,可以使用单词,16进制语法和rgb语法
font-size:设定文字大小,单位为像素(px)
font-weight:设定文字的粗(bold)细(normal)
font-style:设定文字斜体或非线体
font-family:设置文字的字体名字,可以使用多个字体名,如果有多个则使用第一个,如果没有第一个则使用下一个。例:font-family:宋体,仿宋体,微软雅黑。
line-height:设置文字的行高px,不是文字的高度
letter-spacing:设置字符之间的间隔距离,中文“字”的间隔
word-spacing:设置单词之间的间隔距离,西方啦钉子有效
text-align:设定文字水平对齐方式,几乎所有标签都可以用
text-indent:设定一个段落的首行缩进px
text-decoration:设置文字的“修饰线”,下划线(underline)
vertical-align:设定单元格的垂直方式对齐,top(顶对其)
所有标签CSS设置优先

border-bottom:dashed gray 下划线

盒子模型初步

网页大部分都是矩形,图片,一个套一个。

盒子构成

边框:一个线型 的区域,实线虚线或其他形状
外边距:边框线之外的一块空白区域,不能放置物体
内边距:边框线之内的一块空白区域,不能放置物体
内容区:一个盒子中可以放置的重要区域,可以放普通文字或其他标签,盒子的主要区域只能设置其宽高,

QQ图片20171018171407.jpg

CSS设置的宽高并不是盒子的整体的宽高,而仅仅是盒子内容区域的宽高。实际上盒子的整体宽高不能设置。

QQ图片20171018170452.jpg

你可能感兴趣的:(day4前半部分)