码迷,mamicode.com
首页 > Web开发 > 详细

css(4)

时间:2018-10-02 20:19:24      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:一个   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定位是对离自己最近的那个非标准流盒子而言的。

 

css(4)

标签:一个   play   absolute   color   模型   基本概念   abs   标准   自己的   

原文地址:https://www.cnblogs.com/liaoxiaolao/p/9737466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!