CSS
文章平均质量分 87
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
芒果Cake
花有重开日,人无再少年。
展开
-
【CSS】两三栏布局、多列、响应式布局
两栏布局 三栏布局 多列 分为几列column-count 1、2、3、4、5… 列的宽度column-width px 列与列的间距column-gap px 列与列的分割线column-rule 1px solid red 列的高度是否统一column-fill 自适应 auto 是否横跨所有列column-span 横跨 all ![image.png](https://img-blog.csdnimg.cn/img_convert/764c801e3原创 2022-12-06 22:44:13 · 227 阅读 · 0 评论 -
【CSS】3d平移、旋转、缩放
3d: x y z3d环境3d眼镜设置元素的透视效果 3d旋转 transformrotate3d(x,y,z,3odeg) 3D缩放 scalez() scale3d(x,y,z) 注意: 单独写没有用,必须结合其他变形函数一起使用,而且要写在其他变形函数后面 💡代码执行结果原创 2022-12-02 22:44:19 · 579 阅读 · 0 评论 -
【CSS】动画-animation
语法:@keyframes 动画名字{from{}to{}}执行关键帧 动画属性绑定动画名字 animation-name: move;动画的持续时间 animation-duration: 10s;必写必写动画的延迟时间 animation-delay: 2s;原创 2022-12-01 21:03:48 · 173 阅读 · 0 评论 -
【CSS】2d转换旋转、缩放、倾斜
2d旋转 transform原创 2022-12-01 21:00:14 · 439 阅读 · 0 评论 -
【CSS】2d变换
* 以元素最左侧为圆心,画两条坐标轴,x轴向右边100px,y轴向下边100px*//* 如果translate()只写一个值,表示另一个为0 *//* translate的百分比参考元素自身的宽高 *//* 百分比 参考元素自身的宽高 */特点: 不需要知道父元素的宽高。/* 沿着x轴和y轴平移 *//* 沿着x轴平移 *//* 沿着y轴平移 */方法: 使用2d平移。原创 2022-11-30 22:10:33 · 54 阅读 · 0 评论 -
【CSS】过渡属性
transition:要发生过度的属性 持续的时间 延迟时间 运动状态。display:none和visibility:hidden不可用。原因:这两个是极端值,只有消失和出现两种状态,不能过度。/* 是极端值 只有消失和出现两个状态 不能过渡 */解决:使用opcity:0 这个有中间值。/* 要发生过渡的css属性 */所以过渡属性要写在元素的默认状态中。/* 过渡的持续时间 *//* 过渡的延迟时间 *//* 默认 先快后慢*/过渡transition。/* 有中间值 */原创 2022-11-30 22:08:35 · 362 阅读 · 0 评论 -
【CSS】选择器
我们可以将 CSS 选择器分为五类: 简单选择器(根据名称、id、类来选取元素) 组合器选择器(根据它们之间的特定关系来选取元素) 伪类选择器(根据特定状态选取元素) 伪元素选择器(选取元素的一部分并设置其样式) 属性选择器(根据属性或属性值来选取元素)原创 2022-11-29 22:49:38 · 197 阅读 · 0 评论 -
【CSS】初识CSS
css3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。对我们来说,CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。💡属性的使用会考虑到兼容的问题,不同的浏览器会可能会出现不同的效果。原创 2022-11-29 22:44:29 · 64 阅读 · 0 评论