标签:一个 play absolute color 模型 基本概念 abs 标准 自己的
类选择器和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定位是对离自己最近的那个非标准流盒子而言的。
标签:一个 play absolute color 模型 基本概念 abs 标准 自己的
原文地址:https://www.cnblogs.com/liaoxiaolao/p/9737466.html