一、link和@import的区别

link是引入外部样式表:<link rel="stylesheet" href='"/a.css"></link>

@import在css中导入外部css

二、Emment

HTML速写语法。例:ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{¥15}+span.love+span.num{787878})*15选中 tab执行

在css中同样适用 

三、左右分栏:<dl> 自定义列表;<dt> 标题;<dd>列表

四、display的属性值

block:此元素将显示为块级元素,此元素前后会带有换行符。

inline:默认。此元素会被显示为内联元素,元素前后没有换行符。

list-item:此元素会作为列表显示。

inline-table:此元素会作为内联表格来显示(类似 <table>)

table-row:此元素会作为一个表格行显示(类似 <tr>)。

五、nth-child(an+b):这个css伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)

 

六、盒子模型:主要五个属性:width和height:内容的宽度、高度(不是盒子的宽度、高度)。

              padding:内边距。

              border:边框。

              margin:外边距。