![](https://img-blog.csdnimg.cn/f51a1169b67a4c6187d89036e28df2c0.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 52
CSS3基础知识的学习与总结。
今天自洽了吗
今天不想上班
展开
-
CSS基础(八)——CSS3新增样式
CSS3相较于CSS2新增了许多新特性,如:边框圆角、阴影、形变:旋转、缩放、位移、过渡效果、动画效果、媒体查询、flex 布局、grid 布局等等(选择器、字体)。边框圆角1、通过属性border-radius来设置。2、最多可以设置4个值,左上 右上 右下 左下。如果设置2个值,第一个值表示左上和右下,第二个值表示右上和左下。如果设置1个值,那么4个角都是一样的弧度。3、border-radius的值就是半径r,半径越大——>圆越大——>弧度就越大。原创 2023-01-06 23:50:25 · 765 阅读 · 0 评论 -
CSS基础(七)——定位属性(position)
CSS常用的定位属性有绝对定位(absolute)相对浏览器视窗左上角定位、相对定位(relative)相对于元素原始位置定位、固定定位(fixed)相对于浏览器视窗定位,设置定位后可以设置坐标属性,坐标属性(非定位元素不起作用)——top、left、right、bottom、z-index。原创 2022-12-28 00:49:23 · 170 阅读 · 0 评论 -
CSS基础(六)——树状结构
树状图用来描述各个节点之间的关系:根节点:每一个树状结构都有一个没有父级的节点,它被称作根节点。父级节点:司马防是司马懿的父级,司马懿是司马师的父级。子级节点:司马师是司马懿的子级,司马懿是司马防的子级。同级关系:有相同父级的节点就是同级关系,司马懿和司马朗是同级,司马昭和司马亮是同级。(这里需要注意的是,司马炎和司马熙不是同级,因为他们没有相同的父级。)原创 2022-12-27 23:14:41 · 997 阅读 · 0 评论 -
CSS基础(五)浮动布局
据观察,div在网页中是逐行显示的块元素,那么,如何将两个div设置在同一行显示呢?需要将两个div都设置为浮动元素。属性为:float。float属性有三个取值:none 表示无浮动效果(默认),right 表示元素浮动到右边,left表示元素浮动到右边。浮动元素的特性是脱离文档流(漂到上一层了,会将原本的位置释放),设置元素浮动是为了设置文字环绕图片效果,使得页面布局美观,但是释放位置后,其他元素会占掉释放的位置,多个元素挤在一起不好看,如何解决这个问题呢?原创 2022-12-25 15:07:15 · 120 阅读 · 0 评论 -
CSS基础(四)盒子模型
在盒子模型这一节,我们需要理解盒子模型是用来做网页布局的。要理解盒子模型的几个属性:外边距、内边距、边框,并学会如何设置不同样式,使得元素在网页上的布局更加美观。除此之外,要记住box-size:border-box属性,可以让我们在设置内边距的时候,不会改变盒子大小。原创 2022-12-23 00:33:22 · 365 阅读 · 0 评论 -
CSS基础(三)引入CSS的方式
CSS基础(三)引入CSS的方式。原创 2022-12-21 13:20:38 · 345 阅读 · 0 评论 -
CSS基础(二)CSS常用文本属性
CSS基础(二)CSS常用文本属性。原创 2022-12-21 12:19:36 · 120 阅读 · 0 评论 -
CSS基础(一)CSS常用选择器
CSS常用选择器。原创 2022-12-19 21:41:52 · 81 阅读 · 0 评论