![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
CSS 笔记和练习
Frances_mm
这个作者很懒,什么都没留下…
展开
-
CSS基础(5) - 浮动
1.传统网页布局的三种方式网页布局的本质:用css来摆放盒子,把盒子摆放到相应位置1.1 标准流(普通流)标签按照规定好的默认方式排列块级元素独占元素,从上向下顺序排列。常用元素:div hr p h1-h6 ul ol dl form table行内元素按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行常用元素:span a i em 等1.2 浮动很多排列用标准流无法实现,浮动可以改变元素默认的排列方式典型应用:让多个块级元素一行内排列显示浮动和行内块的区别:行内块排列一原创 2020-07-06 13:56:28 · 236 阅读 · 0 评论 -
CSS基础(4) - 盒子模型
1.网页布局的本质网页布局过程先准备好相关的网页元素,网页元素基本都是盒子利用css设置好盒子样式,然后摆放到相应的位置往盒子里面装内容2.盒子模型组成盒子包括:边框(border) 外边距(margin) 内边距(padding) 和实际内容(content)外边距:盒子和盒子之间的距离2.1 边框1.样式 border-style: solid 实线 dashed 虚线 dotted点线2.颜色 border-color3.复合写法:border: 1px solid原创 2020-06-22 09:56:24 · 197 阅读 · 0 评论 -
CSS基础 (3) - 三大特性
CSS有三大特性:层叠性 继承性 优先级1. 层叠性相同选择器设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。原则:样式冲突,遵循就近原则,哪个样式离得近就执行哪个样式(后者覆盖前者)样式不冲突,不会层叠2. 继承性简化代码,降低css样式的复杂性子标签会继承父标签的某些 样式(text-, font-, line- 这些元素开头的可以继承以及color属性)行高的继承3. 优先级当同一个元素指定了多个选择器就会有优先级产生。选择器原创 2020-06-11 10:31:06 · 132 阅读 · 0 评论 -
CSS基础 (2) - 背景
css元素显示模式文字垂直居中设置盒子高度(height) = 行高(line-height)行高=上空隙+文字本身高度+下空隙 (上下空隙是相同的)CSS背景background-color背景颜色默认是transparent透明的background-image: url() 常用于logo,小的装饰性图片或超大的背景图片。优点是非常便于控制位置写的时候注意不要落下url3.background-repeat 背景平铺默认背景图片是平铺的,想要不平铺的话要设置bac原创 2020-06-08 16:00:36 · 128 阅读 · 0 评论 -
CSS基础(1)
css的分类css选择器作用:选择标签用的,选出来想用的标签基础选择器:标签选择器:选出来某一类标签。缺点是不能差异化样式。不使用无具体语义定义的标签选择器 div span。类选择器:谁用谁调用class=“类名” .类名{ …}在一个标签内部只能有一个class属性,多个style写在同一个class中id 选择器:#idname { }通配符选择器: * { } ...原创 2020-04-19 21:23:18 · 110 阅读 · 0 评论