HTML day04

01 overflow 属性

overflow 属性

处理子级内容超出当前容器 的部分，主要是对父级元素添加该属性
值：
	hidden 超出部分隐藏
	scroll 滚动查看超出的部分
	auto 自动渲染超出的部分

overflow-x  控制x轴方向的超出部分
over-flow-y  控制y轴方向的超出部分

white-space 属性

设置文本的格式
值：
	nowrap  强制不换行
	normal  强制换行

text-overflow 属性

对超出的文本内容剪裁
值：
	ellipsis  超出内容变为 省略号
	clip  直接裁掉超出的文本内容

单行文本超出变省略号

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

02 字体设置

font-style

设置字体的样式
值：
	italic  设置为字体倾斜
	normal  字体正常

font-weight

设置字体是否加粗
值：
	normal  默认
	bold  加粗
	bolder  相对bold加粗
	
它的值也可以是具体的整百数字，范围是 100~900
	400  >  normal
	700  >  bold
	900  >  bolder

font-size

设置所修饰的字体的大小
1.目前浏览器默认字体大小是16px
2.PC端浏览器的最小字体大小可以设置卫12px

font-family

设置文字的字体
可以同时设置多个字体，形如：
font-family:'A','B','C'...;
含义是 在客户端的设备上匹配 A字体，如果没有A字体，则继续匹配B字体，依次进行匹配，直到匹配成功即可显示匹配到的字体
通用字体：
		1.serif  有衬线（类似锐化）
		2.sans-serif  无衬线

font 也是一个 复合型 css属性，可以直接按照下面的顺序书写
font:style weight size family;

注意，style 和 weight 不是必须写入的内容，如果简写必须要有 font-size 和 font-family font：size family;

03 背景

background 设置标题元素的背景

background-color  设置背景色
	值：1.英文单词
		2.16进制表示颜色
		3.rgb() 表示颜色
		
background-image 设置背景图
	background-image: url(背景图地址)

background-repeat 背景图的平铺方式
	值：1.repeat 默认，x轴 y轴都平铺
		2.repeat-x  沿x轴平铺
		3.repeat-y  沿y轴平铺
		4.no-repeat  不平铺

background-position 设置背景图定位
	background-position: x轴方向的值 y轴方向的值
		值可以是：1.具体的数值
				  2.方位名词组合
				  	left
				  	top
				  	right
				  	bottom

				  	center
background-attachment  设置背景图固定定位
	值：scroll 默认值，背景图片跟着页面一起滚动
		fixed 根据浏览器可视区域，固定在具体的位置，它的定位参考点是 浏览器可视区域

background 是一个复合属性，
	可以写在一起，顺序是
	background: color image repeat position attachment; 
	可以单独写：
	background:color；
	background:image； 

04 display属性

隐藏一个标签元素

display：none；

display属性

可以用来控制标签元素的属性
	值：
		block  把标签元素转化为块属性标签
		inline  把标签元素转化为行属性标签
		none  隐藏标签元素