![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 66
一天一丢丢
这个作者很懒,什么都没留下…
展开
-
css实现文本缩略&文字溢出省略处理
css实现文本缩略&文字溢出省略处理原创 2022-11-18 12:16:30 · 1786 阅读 · 0 评论 -
css优先级
css优先级每个规则对应一个初始"四位数":0、0、0、0若是 行内选择符,则加1、0、0、0若是 ID选择符,则加0、1、0、0若是 类选择符/伪类选择符,则分别加0、0、1、0若是 元素选择符,则分别加0、0、0、1算法:将每条规则中,选择符对应的数相加后得到的”四位数“,从左到右进行比较,大的优先级越高。选择器特殊性以10为基数的特殊性style=“color: red”1, 0, 0, 01000#id {}0, 1, 0, 0100#id原创 2021-12-02 17:55:02 · 167 阅读 · 0 评论 -
css字体图标使用方法
1. 准备好要生成字体图标的svg图片2. 通过 https://icomoon.io/app/#/select 这个网站在线生成3. 页面引用字体文件woff和style.css文件原创 2021-09-02 15:06:16 · 272 阅读 · 0 评论 -
css之旅(三)css position属性
本文主要介绍css属性position各个属性值得区别。属性值描述static默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative生成相对定位的元素,相对于其正常位置进行定位。因此,“left:20” 会向元素的 LEFT 位原创 2020-07-14 23:30:26 · 186 阅读 · 0 评论 -
css之旅(二)css display属性
本文主要介绍css的display属性以及常用的属性值。一、inline<!DOCTYPE html><!DOCTYPE html><html><head> <style> .test{ display: inline; width: 200px; height: 200px; background: yellow; padding: 50px; border: solid 1px black;原创 2020-07-12 00:54:54 · 222 阅读 · 0 评论 -
css之旅(一)css盒模型
本文讲解css中w3标准盒模型和IE标准盒模型的区别。所有的html元素都可以看做是一个盒子,它包括边距margin,边框border,填充padding,内容content几部分组成。css中的盒模型分为两种,分别为w3标准盒模型和IE盒模型,它们的区别在于大小不同。w3标准盒模型的width,height就是指content的区域IE标准盒模型的width,height指的是content + padding + border一、w3标准盒模型w3标准盒模型的width,height就是原创 2020-07-09 00:05:27 · 410 阅读 · 0 评论 -
css之旅(四)坐标系介绍
本文介绍了css坐标系相关原创 2022-04-05 17:16:21 · 780 阅读 · 0 评论 -
html video标签点击播放时显示边框
根因由于video的:focus属性会设置outline解决方案video:focus { outline: -webkit-focus-ring-color auto 0px;}原创 2021-04-07 19:38:54 · 1656 阅读 · 0 评论 -
less和css的区别是什么
一、less与css介绍Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。LESS是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表。LESS是一种动态样式表语言,扩展了CSS的功能。 LESS也是跨浏览器友好。CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便可以通过Web浏览器读取。 它提供诸如变量,函数, mixins 和操作等功能,可以构建动态CSS。Less允许我们定义变量原创 2020-12-20 11:08:51 · 12824 阅读 · 1 评论 -
css 变量
一、 css变量的声明* { --dashboard-width130: 130px; --dashboard-height120: 120px;}变量名大小写敏感二、css变量的使用:host ::ng-deep .guidance-icon-1 { width: var(--dashboard-width130); height: var(--dashboard-height120);}var()函数用于读取变量var()函数还可以使用第二个参数,表示变量的默认原创 2020-12-20 10:48:06 · 676 阅读 · 1 评论