css的书写位置+元素分类

1、css的书写位置

　　1》行内样式：

　　　　<span style="color:red;">haha</span>

　　2》内部样式

　　　　在style标签中

　　　　　　span{

　　　　　　　　color:red;

　　　　　　　　}

　　3》外部样式

　　　　<link href=""  rel="stylesheet" type="text/css" />

2、元素分类

　　1、块级元素：block

　　　　特点：1》独占一行2》宽度高度可以设置3》如果不设置宽度，则宽度为父亲的100%4》不设置高度，高度为里面的内容自动撑开

　　　　例子：div p nav header section h1-h6

　　　　具有上下左右外边距和上下左右内边距

　　2、行内元素：inline

　　　　特点：1》可以并排显示在一行2》宽度高度不能设置，只能有里面的内容自动撑开

　　　　例子：span a em strong i b

　　　　没有上下内外边距，但有左右内内外边距

·　　3、行内块元素：inline-blick

　　　　特点：1》元素可以并排2》高度宽度都可以自行设置3》默认的宽高是浏览器给的

　　　　例子：input img

3、对应元素属性的相互转化

　　display:

　　　　--block --inline-block --inline --none

转载于:https://www.cnblogs.com/dhrwawa/p/10491664.html