CSS
文章平均质量分 72
CSS基础知识
黑日里不灭的light
I'm not light,sir.
展开
-
一、CSS文本样式[文本基础、文本样式、段落控制、vertical-align、行内与块的居中]
color:red;(必要有font-family里的样式和font-size里的样式)原创 2022-09-29 17:25:02 · 202 阅读 · 0 评论 -
一、CSS选择器与权重[基础选择器、结构选择器、属性选择器、伪类选择器]
解释:权重顾名思义,其就是上述标签的优先执行顺序。通俗:下述从上到下优先级降低。原创 2022-09-29 17:26:18 · 236 阅读 · 0 评论 -
一、CSS盒子模型[外边距、内边距、box-sizing、边框、轮廓线]
介绍:盒子模型如下图,盒子大小组成有、和,即height设置的高度只是具体内容的高度,不是盒子的高度。原创 2022-09-29 17:25:52 · 493 阅读 · 0 评论 -
一、CSS背景样式[背景样式、盒子阴影]
(默认图片显示在左上角),相当于在盒子里面展示出露出来的内容;解释:背景尺寸设置,默认图片按其大小只显示左上角(根据盒子大小显示)解释:该裁切比较有意思,其实就是图片显示的范围。解释:使用背景固定可以实现一种很好看的效果。(不太懂这个区域的请认真阅读前篇。用的比较少,可以自行查询资料。原创 2022-09-29 17:26:06 · 478 阅读 · 0 评论 -
一、CSS浮动
浮动介绍:浮动是一种布局方式,其被应用的初衷是使用在文字环绕图片的场景,其用来布局具有。原创 2022-09-29 17:24:16 · 361 阅读 · 0 评论 -
一、CSS定位布局[相对定位、绝对定位、固定定位]
的特征,只不过参照系是body,不会是其它(在设置left等等就会使用absolute的特征);特性:脱离文档流(意味着可以与普通文档元素重合),行内块特性(与浮动元素一样,无论原本元素是怎样都是默认有。解释:通过 z-index 控制元素的上下层级,距离参照系左边距离20px;距离参照系右边距离20px;距离参照系顶部距离20px;距离参照系底部距离20px)距离参照系左边距离20px;距离参照系右边距离20px;距离参照系顶部距离20px;距离参照系底部距离20px)距离20px),这种移动是。原创 2022-09-29 17:23:06 · 1293 阅读 · 0 评论 -
一、CSS弹性布局[弹性盒子、弹性元素]
弹性盒子的属性全都是写在父元素上面。原创 2022-09-29 17:22:30 · 829 阅读 · 0 评论 -
二、CSS图文对齐
解释:如图现在设置的图片和文字大小都为16px,但是为什么没有对齐这个问题就是由于文字从以基线为标准(但并非从基线开始,而是从“底线”开始(这个和没有关系)),图片是从基线开始的。原创 2022-11-28 17:26:12 · 521 阅读 · 0 评论 -
二、CSS下拉菜单[颜色布局、子影响父]
效果html原创 2022-11-28 17:26:00 · 429 阅读 · 0 评论 -
二、CSS自制浏览器滑动条
思路:首先我们需要想清楚,大体思路应该是把浏览器默认滑动条,然后自己手写一个,主要是做出和的效果出来。解释:如下图所示,有一个盒子高度是100px,里面有一个(100+100)px的内容,也就是200px,然后它的右侧是一个滑动条。可以根据,比如设时,,此时,此时是一个。当,相当于,滑动条,然后当滑动100px时()其占内容区,对应的滑动条()即可。原创 2022-12-01 18:07:17 · 638 阅读 · 0 评论