css
文章平均质量分 99
丨小小风离丨
一个菜菜的小前端,主要使用Vue、React编写网页端和微信小程序,如果我的文档对你有帮助麻烦点点关注,谢谢啦。
20年11月17号开始工作,有一点点小经验哈,有什么不懂的可以找我互相探讨共同进步
展开
-
transform属性
transform属性 可以使元素进行缩放、平移、旋转等2D、3D的变换语法:transform: none/transform-function;参数:translate(x,y) 定义2D转换,表示在x轴和y轴上进行平移translate3d(x,y,z) 定义3D转换translateX(x) 表示在x轴上进行平移translateY(y) 表示在y轴上进行平移translateZ(z) 表示在z轴上进行平移rotate(deg) 表转载 2020-06-22 21:34:50 · 3078 阅读 · 0 评论 -
CSS初始化(代码)
在开始写页面之前设置一些默认样式/* 内外边距清零 */ * { margin: 0; padding: 0 } /* 斜体文字不倾斜 */ em, i { font-style: normal } /* 去掉前面的小圆点 */ li { list-style: none } /* 取消底侧空白缝隙 */ img { border: 0; /* 低版本浏览器,链接边框问题 */ vertical-align: middl.原创 2020-06-10 16:48:11 · 286 阅读 · 0 评论 -
CSS三角形
网页中一些常用的三角形都是直接画出来的。例:一个上三角形height: 0;width: 0; border: 50px solid transparent; border-bottom-color: pink;利用边框的做法,将其它边框的颜色设为透明颜色(transparent)下面代码可直接运行使用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <me.原创 2020-06-09 11:07:58 · 120 阅读 · 0 评论 -
CSS学习笔记(详细)- 布局
盒子模型页面布局要学习三大核心,盒子模型、浮动和定位,通过盒子模型能很好的布局页面。页面布局的核心本质:利用CSS摆盒子。所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框、内外边距、内边距和实际内容阴影效果:CSS3新增属性border: ; /* 边框 */content: ; /* 内容 */padding: ; /* 内边距 */margin:原创 2020-06-04 10:48:12 · 619 阅读 · 0 评论 -
CSS3属性、选择器,2/3D(动画)
新增属性兼容性 IE9+ 浏览器支持, 但是不会影响页面布局,可以放心使用.圆角边框(重点)在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法: border-radius:length;参数值可以为数值或百分比的形式如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为 50%该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角分原创 2020-06-03 18:28:33 · 463 阅读 · 0 评论 -
CSS三大特性
CSS三大特性CSS有三个非常重要的特性:层叠性、继承性、优先性层叠性同样的选择器设置一样的样式,后一个样式就会**覆盖(层叠)**另一个冲突的样式。层叠性主要解决样式冲突的问题。样式冲突:就近原则,那个样式离结构烬,就执行哪个样式。(后者优先)样式不冲突:不会发生层叠。继承性子标签会继承父标签的某些样式,例如文本颜色和字号等。可以理解为:子承父业。恰当使用继承可以简化代码,降低CSS样式复杂性。子元素可继承:父元素的样式(text-、font-、line-这样元素开头的原创 2020-06-02 12:23:31 · 188 阅读 · 0 评论 -
CSS学习笔记(详细)- 基础
CSS学习笔记从零开始代码风格样式书写格式CSS基础选择器css选择器的作用:(选择标签用的)选择器分类:基础选择器和复合选择器基础选择器标签选择器类选择器 **- 开发最常用**多类名id选择器(一次性)通配符选择器css复合选择器后代选择器子元素选择器交集选择器并集选择器CSS字体属性font-family设置字体系类font-size设置字体大小font-weight字体粗细font-style字体样式font复合属性写法CSS文本属性文本颜色color对齐文本text-align文本装饰text-原创 2020-06-01 22:51:56 · 774 阅读 · 0 评论