类选择器和id选择器都有父子选择器。
在css文件中国，有时候为了简化样式，可以把相同的样式拿出来放在一起。
display:inline
display:block
行内元素里只能放行内元素，而块内元素内部可以放行内元素和块内元素。
清除掉li中文字前的点，可以使用list-style-type:none来搞定。
还有浮动。
标准流：写在前面出现在前面，写在后面的元素出现在后面。
盒子模型
每个html元素都可以看做一个盒子。那么它们就有四个东西：
从元素看，margin-top,从div看就是padding-top.
使用padding可能会将盒子撑大，而使用margin不当可能使元素被挤出来。
优先选择margin.
css核心-浮动
浮动：元素默认是纵向排列，但是当我们需要横向排列时，使用float:left
当某些元素过大时会卡住其他div。
你可以这么理解浮动：如果一个元素向右/左浮动则：
1.它本身会尽可能向右/左移动，直到碰到边框或者别的浮动元素，特别强调浮动对块内元素和行内元素都生效
2.元素向右/左浮动，就相当于让出自己的左/右边，这就解释了笔记css(3)中截图中出现的问题。
补充：html中可以使用<pre></pre>保留文本中的原有格式。
浮动-清除浮动
如果不希望别的元素在某个元素的左边或者右边，可以使用清除浮动的方法clear:right;clear:left;clear:both.
css核心内容-浮动
css（四大）核心内容-定位
css定位属性允许你对元素进行定位，position属性。
定位-基本概念
static（默认值）：元素框正常生成。块内元素生成一个矩形框，作为文档流/标准流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。从这一角度看。
absolute（绝对定位）：absolute定位是对离自己最近的那个非标准流盒子而言的。
css(4)
原文地址：https://www.cnblogs.com/liaoxiaolao/p/9737466.html