css
文章平均质量分 91
海洋星明亮的莴笋
这个作者很懒,什么都没留下…
展开
-
CSS 盒子模型
1. CSS盒子模型1.1 看透网页布局的本质网页布局过程:先准备好相关的网页元素,网页元素基本都是盒子 Box 。利用 CSS 设置好盒子样式,然后摆放到相应位置。往盒子里面装内容.网页布局的核心本质: 就是利用 CSS 摆盒子。1.2 盒子模型(Box Model)组成所谓盒子模型:就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边框、外边距、内边距、和实际内容1.3 边框原创 2021-02-27 19:42:08 · 180 阅读 · 0 评论 -
CSS 定位 - 静态 绝对 相对 固定 粘性定位
CSS 定位定位1.1 为什么需要定位提问: 以下情况使用标准流或者浮动能实现吗?某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.提问: 以下情况使用标准流或者浮动能实现吗?当我们滚动窗口的时候,盒子是固定屏幕某个位置的。以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子1.2 定位组成定位:原创 2021-02-27 15:49:16 · 374 阅读 · 0 评论 -
CSS 浮动和清除浮动
CSS 浮动1. 浮动(float)1.1 传统网页布局的三种方式网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置.CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流)浮动定位1.2 标准流(普通流/文档流)所谓的标准流: 就是标签按照规定好默认方式排列.块级元素会独占一行,从上向下顺序排列。常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则原创 2021-02-27 14:49:40 · 125 阅读 · 0 评论 -
CSS 基础选择器和复合选择器
1.CSS的基础选择器1.1 CSS 选择器的作用选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说,就是选择标签用的。以上 CSS 做了两件事:找到所有的 h1 标签。 选择器(选对人)。设置这些标签的样式,比如颜色为红色(做对事)。1.2 选择器分类选择器分为基础选择器和复合选择器两个大类,我们这里先讲解一下基础选择器。基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器1.3 标签选择器原创 2021-02-27 11:49:17 · 585 阅读 · 0 评论