![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
文章平均质量分 80
诗思雅
新手
展开
-
选择器详解
*描述:**鼠标悬浮在元素上方时显示出的样式,临时为元素加了一个伪类,当满足条件时,激活该伪类。例: #a, #b{} 权重分别为:1, 0, 0 1, 0, 0。若有多个选择器同时出现,则按选择器的权重值逐位相加。例:#a #b{} 权重:2, 0, 0。例: #a b 权重:1, 0, 1。所有face的元素父级元素中的第1个子元素。所有face的元素父级元素中的第2个子元素。通配选择器,全部样式,使用率小,*{}属性中的样式,外部样式,原创 2023-09-04 10:44:20 · 79 阅读 · 0 评论 -
HTML 标签讲解
标签)或结束标签(例如原创 2023-09-04 10:43:20 · 1005 阅读 · 0 评论 -
媒体查询@media
媒体查询使得我们可以根据设备特性以及一些特性范围来决定为页面赋予什么样的样式。原创 2023-09-04 10:42:29 · 50 阅读 · 0 评论 -
多列 ( Multi-column )
【代码】多列 ( Multi-column )原创 2023-09-04 10:41:20 · 113 阅读 · 0 评论 -
css3中2D、3D变化
transform 译:变动。原创 2023-08-13 18:16:01 · 47 阅读 · 0 评论 -
过渡与动画
贝塞尔曲线。原创 2023-08-13 18:13:03 · 56 阅读 · 0 评论 -
圆角边框、阴影、图片边框、轮廓线、box-sizing
加粗边框,内容尺寸设置为0,这样就不存在内容,边框会占据整个容器,再只保留任意一边或两边边框就可以展示出一个三角形(上面有解说相邻边距的斜角问题)该属性用于指定使用多厚的边框来承载被裁剪后的图像,该属性可省略,由外部的。该属性用于指定边框图像向外扩展所定义的数值,即如果值为。该属性指定从上,右,下,左方位来分隔图像,将图像分成。设置或获取对象的边框样式使用图像来填充,复合属性。所有元素,除table元素设置了。所有元素,除table元素设置了。所有元素,除table元素设置了。原创 2023-08-13 18:07:32 · 79 阅读 · 0 评论 -
字体、文本、文本装饰
涉及到网络请求卡通,用于自定义字体取名src:url("./正方卡通简体.ttf");p{原创 2023-08-13 18:05:02 · 62 阅读 · 0 评论 -
渐变、颜色、不透明度、透明颜色
除了使用关键词制作不同的径向渐变,还可以用不同的渐变参数制作径向渐变效果,通过制作同心圆,主要半径和次要半径来决定径向渐变的形状。下面的实例中,我们将圆心定义在“at 50% 75%”的位置,分别演示了“closest-side”、“closest-corner”、“farthest-side”和“farthest-corner”分别在圆形与椭圆形径向渐变的效果。表示的是用长度值指定径向渐变的横向或纵向直径长度,并根据横向和纵向的直径来确定径向渐变的形状是圆或者是椭圆。属性,用于确定元素渐变的中心位置。原创 2023-08-13 18:03:59 · 132 阅读 · 0 评论 -
background背景、背景图片
设置或获取对象的背景特性是根据每个独立属性设置所有元素否根据每个独立属性设置无。原创 2023-08-13 17:49:44 · 92 阅读 · 1 评论 -
visibility 与 overflow
*重点:**visible和hidden都占据空间,但。属性不同,此属性为隐藏的对象保留其占据的物理空间;设置或获取对象处理溢出内容的方式,复合属性。,将导致额外的文本溢出到右边或左边(视。设置或获取对象处理横向溢出内容的方式。设置或获取对象处理横向溢出内容的方式。**显示:**表示是否要绘制这个元素。设置或获取对象是否及如何显示。**可视:**绘制后是否要看见。设置或获取是否显示对象。**脚本接口: **属性设置而定)的单元格。**脚本接口: ****脚本接口: **对象支持带有默认值为。原创 2023-08-13 17:48:48 · 73 阅读 · 1 评论 -
定位、浮动
设置或获取元素的定位方式有static尽量避开影响其他元素display属性值不为或者的所有元素否否position当position属性为非静态,且四个定位属性都为未设置时(即默认值auto),那么该元素将尽可能的展现为常规流所展现的样子。原创 2023-08-13 17:42:22 · 75 阅读 · 1 评论 -
Less、Sass\Scss
less、scss、sass的区别转载 2023-04-10 15:46:31 · 152 阅读 · 0 评论 -
flex与grid
gird二维布局与flex一维布局的区别、用法详细笔记原创 2023-08-13 17:25:55 · 434 阅读 · 1 评论 -
特殊css形状、tag标签
平行四边形<view><view class="tag-wrapper"> <view class="tag tag-left"> 待提货 </view> <view class="tag tag-right"> 盘点成功 </view></view></view><style>.tag-wrapper { padding: 20upx; .tag { p原创 2021-05-28 15:50:17 · 1266 阅读 · 0 评论 -
前端元素垂直水平居中的多个方法
前端元素垂直水平居中的多个方法创建一个BFC,高度坍塌、居中、margin重合问题均可解决1、 浮动元素float不为none2、 绝对定位或固定定位:position:absolute/fixed3、 行内元素:display:inline-block;4、 overflow不为visible的块级元素5、 display值为flow-root、表格单元素table-cell、表格标题table-caption6、 匿名表格单元格元素1、水平居中块级元素方法一:auto注意:该元素不原创 2020-09-05 18:53:51 · 2020 阅读 · 2 评论