day8-李大人part1

day08

一·css的继承属性

（给父元素身上加上css属性后，他的后代也会生效）

• 字体属性:font-size(大小) font-weight(加粗) font-family(字体类型) font-style(字体倾斜)
• 文本类： color(文本颜色) text-align(水平对齐方式) text-indent(缩进) line-height(行高) word-spacing(词间距) letter-spacing(字符间距) text-transform(大小写转换)
• 列表类： list-style-type(列表符号的类型) list-style-postion(列表位置) list-style-image(列表图片) list-style
• 不可继承： text-decoration(文本修饰) float(浮动) border(边框) padding(填充) margin(边距) width(宽度) height(高度)

二：元素类型

2·1块级元素：

2·1·1：种类

​ (div p h1-h6 ul li ol dl dt dd form table)

2·1·2：特点

• 可以设置宽高
• 独占一行
• margin和padding生效
• 可以用来做放置其他元素的容器（p标签不包裹块级元素，也不包裹自己）

​

2·2.内联元素

2·2·1：种类

​ (a b i em strong span img sup sub)

2·2·2：特点

• 同一行显示
• 不可以设置宽高，宽高由内容撑开
• 盒模型的padding上下值和margin上下值显示不正确（左右值正确）

2·3.行内块元素

2·3·1：种类

		(input img)

2·3·2：特点

• 可以设置宽高
• 同一行显示
• 盒模型的属性都可以用

三：元素类型转换

​ display：

• -block 块级元素
• -inline 内联元素
• -inline-block 行内块元素
• -none 隐藏元素

四：整站页面的知识点

• logo一般放在h1标签里面

• 光标获取input产生的边框：

  input{

  outline: none;

  }

• 圆角叫做border-radious：数值+px

  input{

  outline: none;

  }

• 圆角叫做border-radious：数值+px