![](https://img-blog.csdnimg.cn/8092792cfa8e43e8b3f0ec5932c94568.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS3
文章平均质量分 71
CSS3
桐叶~
这个作者很懒,什么都没留下…
展开
-
CSS字体样式
css字体样式:大小,粗细,系列,样式倾斜,font复合属性连写原创 2023-11-24 17:24:02 · 52 阅读 · 1 评论 -
CSS基础选择器
css基础选择器:类选择器,标签选择器,id选择器,通配符选择器原创 2023-11-24 16:59:45 · 52 阅读 · 1 评论 -
CSS引入方式
css引入方式:内嵌式,外联式,行内式原创 2023-11-24 16:45:22 · 60 阅读 · 1 评论 -
CSS平面转换
css平面转换:位移,缩放,旋转。多重转换指的是多种转换配合使用,这里给出位移配合旋转做出的效果,但有要注意的是:transform复合属性连写带旋转的放在最后,因为旋转会改变坐标轴向;注意点:如果同时设置 translateX() 和 translateY(),那么只生效最下面的一个,也就是说只会在单方向上移动,不会出现两个方向同时移动的情况,要同时移动需要translate()写法。/* 多重转换:transform复合属性连写带旋转的放在最后,因为旋转会改变坐标轴向;原创 2023-11-25 22:21:53 · 51 阅读 · 0 评论 -
CSS特性
css特性:层叠性,优先级原创 2023-11-24 19:29:25 · 28 阅读 · 1 评论 -
CSS溢出效果
场景:控制内容溢出部分的显示效果,如: 显示、隐藏、滚动条…/* auto:根据内容是否超出,判断是否显示滚动条 *//* 滚动:无论内容是否超出都显示滚动条的位置 */溢出部分:指的是盒子内容部分所超出盒子范围的区域。/* 溢出隐藏,工作常用 */属性名: overflow。注意点:如果没有设置溢出效果,那么溢出的部分内容类似于不占位置,类似于脱标,不会影响到后面的布局,会覆盖到其上面。原创 2023-11-25 13:17:25 · 37 阅读 · 0 评论 -
CSS光标类型
css光标类型cursor* 工字形,提示用户可以选择文字 */场景:设置鼠标光标在元素上时显示的样式。/* 小手效果,提示用户可以点击 *//* 十字光标,提示用户可以移动 */属性名: cursor。原创 2023-11-25 13:17:12 · 34 阅读 · 0 评论 -
CSS继承性
css继承性,文字样式都可以继承原创 2023-11-24 19:03:32 · 25 阅读 · 1 评论 -
CSS定位
css定位:静态定位,相对定位,绝对定位,固定定位 子绝父相原创 2023-11-25 13:16:36 · 26 阅读 · 0 评论 -
emmet语法
emmet语法,简写代码原创 2023-11-24 18:23:50 · 29 阅读 · 1 评论 -
CSS垂直对齐
场景: 浏览器遇到行内和行内块当作文字处理,默认文字是按基线对齐,会出现对不齐的情况。/* 浏览器遇到行内和行内块当作文字处理,默认文字是按基线对齐 *//* 浏览器遇到行内和行内块当作文字处理,默认文字是按基线对齐 */盒子和图片对齐,一种方法跟上述一样,第二种方法是转块级显示模式。/* 图片加行内块或行内,给图片添加垂直对齐方式 *//* 文字对齐方式也可控制行内或行内块 */图片加行内块或行内,给图片添加垂直对齐方式。属性名: vertical-align。文字对齐方式也可控制行内或行内块。原创 2023-11-25 13:16:15 · 24 阅读 · 0 评论 -
CSS进阶选择器
进阶选择器:复合选择器(后代选择器,子代选择器),并集选择器,交集选择器,hover伪类选择器。伪类选择器,伪元素选择器原创 2023-11-24 18:18:58 · 31 阅读 · 1 评论 -
CSS过渡与盒子阴影
CSS过渡与盒子阴影原创 2023-11-25 13:17:45 · 93 阅读 · 0 评论 -
CSS盒子模型
盒子模型:内容宽高,边框,内边距,外边距,属性连写,布局顺序css3盒子模型自动内减外边距问题原创 2023-11-24 19:57:06 · 114 阅读 · 1 评论 -
CSS元素显示模式
css元素显示模式:块级元素,行内元素,行内块元素元素显示模式转换元素嵌套规范点原创 2023-11-24 19:00:23 · 31 阅读 · 1 评论 -
元素层级问题,隐藏,透明度
元素层级问题,元素本身隐藏,元素透明度原创 2023-11-25 13:16:55 · 45 阅读 · 0 评论 -
CSS背景相关属性
css背景相关属性:背景图片,背景平铺,背景颜色,背景位置背景属性连写原创 2023-11-24 18:48:24 · 23 阅读 · 1 评论 -
CSS精灵图
css精灵图 场景:项目中将多张小图片,合并成一张大图片,这张大图片称之为精灵图优点:减少服务器发送次数,减轻服务器的压力,提高页面加载速度。原创 2023-11-25 13:18:05 · 23 阅读 · 0 评论 -
CSS文本样式与行高
css文本样式:文本对齐方式,文本缩进,文本修饰行高原创 2023-11-24 18:01:09 · 69 阅读 · 1 评论 -
CSS空间转换
css空间转换(transfrom):空间位移,空间缩放,空间旋转,透视,立体呈现。perspective只增加近大远小、近实远虚的视觉效果,用了立体呈现就不用添加透视就可以体现出在空间转换)z轴方向上移动在视觉上看不出区别(因为电脑屏幕呈二维平面),这里需要添加透视才能看出效果(如果是立体图则不需要添加透视);注意点:绕x或y轴转需配合透视perspective使用(如果是立体图则不需要添加透视),绕z轴效果跟平面旋转一样所以不需要添加透视。transform: scaleZ(倍数);原创 2023-11-26 14:53:18 · 225 阅读 · 0 评论 -
CSS浮动(float)
浮动属性为float ,用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。父子级标签,子级浮动,父级没有高度,后面的标准流盒子会受影响,显示到上面的位置(即子级浮动的位置)外边距塌陷:父子级标签,都是块级,子级加margin标签会影响父级的位置。浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动,可以理解为脱标之间的内容相互占位置。/* 浮动:在一行排列,宽高生效--浮动的标签具备行内块特点 */浮动元素会脱离标准流(简称:脱标),在标准流中不占位置。原创 2023-11-24 20:44:36 · 124 阅读 · 1 评论