![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 90
Coco sun.
新人,希望大家可以喜欢我的文章
展开
-
CSS第七天——CSS高级技巧
CSS第七天——CSS高级技巧 1.元素的显示与隐藏 1.1display显示(重点) display设置或检索对象是否及如何显示。 display: none 隐藏对象 display: block 除了转换为块级元素之外,同时还有显示元素的意思。 特点:隐藏之后,不再保留位置。 1.2visibility可见性(了解) 设置或检索是否显示对象. visibility: visible ; 对象可视 visibility: hidden;原创 2021-09-06 14:18:04 · 117 阅读 · 2 评论 -
CSS第六天——定位
CSS第六天——定位 1.CSS布局的三种机制 网页布局的核心——用CSS摆放盒子位置 CSS提供了3种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中: 1.普通流(标准流) 2.浮动 让拿子从普通流中浮起来——让多个盒子(div)水平排列成一行。 3.定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面——CSS离不开定位,特别是后面的js特效。 2.为什么使用定位 我们需要一个压在所有元素之上且能自由控制、不影响被压元素的元素 有时也需要一个不随着鼠标滚动而滚动的固定在屏幕上的盒子 将原创 2021-09-06 14:15:23 · 82 阅读 · 2 评论 -
CSS第五天——学成网在线
CSS第五天——学成网在线 1.CSS属性书写顺序 布局定位属性:display / position / float / clear / visibility / overflow… 自身属性:width / height / margin / padding / border / background… 文本属性:color / font / text-decoration / text-align / vertical-align / white-space / break-word…原创 2021-09-06 14:13:07 · 158 阅读 · 1 评论 -
CSS第四天——浮动
CSS第四天——浮动 1.浮动 1.1CSS布局的三种机制 网页布局的核心–就是用 CSS来摆放盒子。 CSS提供三种机制来设置盒子的摆放位置——普通流(标准流)、浮动、定位 普通流——块级元素从上向下、行内元素自左到右的HTML布局 浮动——让盒子从普通流浮起来,主要作用是让多个块级盒子一行显示 定位——将盒子定在浏览器的某一个位置–CSS离不开定位,特别是后面的js特效。 1.2为什么需要浮动 如果一行需要多个块且对齐,行内块(inline-block)的缺陷: 1.它可以实现多个元素一行显示,原创 2021-09-06 01:08:41 · 267 阅读 · 2 评论 -
CSS第三天——盒子模型
CSS第三天——盒子模型 1.盒子模型 就是把HTML页面中的布局元素看作是一个矩形的盒子, 也就是一个盛装内容的容器。 总结: 盒子模型有元素的内容、边框(border)、内边距(padding) 、和外边距(margin) 组成。 盒子里面的文字和图片等元素是内容区域 盒子的厚度我们成为盒子的边框 盒子内容与边框的距离是内边距(类似单元格的cellpadding) 盒子与盒子之间的距离是外边距(类似单元格的cellspacing) 2.盒子边框(border) 属性 作用原创 2021-09-06 01:05:08 · 139 阅读 · 1 评论 -
CSS第二天
CSS第二天 1.CSS复合选择器 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等 1.1后代选择器(重点) 概念: 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标原创 2021-09-05 00:38:56 · 105 阅读 · 1 评论 -
CSS第一天
CSS第一天 1.CSS初识 概念: CSS(Cascading Style Sheets),通常称为CSS样式表或层叠样式表(级联样式表) 作用: 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边 距等)以及版面的布局和外观显示样式。 CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等, 而且还可以针对不同的浏览器设置不同的样式。 2.引入CSS样式表(书写位置) 2.1行内式(内联样式) 概念: 称行内样式原创 2021-09-05 00:32:34 · 224 阅读 · 3 评论