关注
分享
文章平均质量分 57
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
一只月月鸟呀
How many loved your moments of glad grace,
and loved your beauty with love false or true,
But one man loved the pilgrim soul in you,
and loved the sorrows of your changing face;
展开
-
css利用transform:skew()属性画一个大屏的背景斜面四边形特效
使用css transform function中的skew()方法实现画其中一个斜面，然后调整背景色实现ß。在工作工程中需要写一个如下的大屏背景，是由几个斜面做成的效果。2. 添加transform属性。4. 重复三个，注意背景色不一样。3. 添加渐变背景色和阴影。原创 2024-04-27 21:35:02 · 411 阅读 · 0 评论 -
图片如何适应容器的css属性：object-fit
图片适应，css属性，面试必备原创 2024-02-17 20:47:11 · 519 阅读 · 0 评论 -
Less、Sass/Scss是什么？他们有什么区别？
是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量、继承、运算、函数。Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行。原创 2023-04-19 00:13:52 · 742 阅读 · 1 评论 -
网站一键灰色
一键网站灰色及css filter属性详解原创 2022-12-03 13:06:23 · 231 阅读 · 0 评论 -
css notes
CSS笔记CSS（层叠样式表）简介伪类简介:ntd-childCSS（层叠样式表）简介层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。CSS 是开放网络的核心语言之一，由 W3C 规范 实现跨浏览器的标准化。CSS节省了大量的工作。 样式可以通过定义保存在外部.cs原创 2022-01-20 11:56:12 · 806 阅读 · 2 评论 -
css ::before和::after使用
CSS中，::before 创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。CSS伪元素::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。content为必须项，以下为在盒子前添加一个小圆点标记示例： &::before { left: 0; content: "";.原创 2022-01-20 11:15:48 · 923 阅读 · 0 评论 -
css box盒模型content-box和border-box
盒模型的组成：由内向外：content、padding、border、margin在IE盒子模型中，width包含content、padding和border标准盒子模型中，width表示content的部分如图所示：css默认的盒模型为标准盒子模型更改盒模型属性box-sizing：box-sizing：content-box 是W3C盒子模型box-sizing：border-box 是IE盒子模型...原创 2021-09-12 16:28:32 · 227 阅读 · 0 评论 -
css垂直居中和水平居中的方法
垂直居中设置line-height等于height父元素position:absolute，子元素position：absolute+top:50%+transform：translateY（-59%）父元素display：flex+align-items：center父元素display：table，子元素display：table-cell+vertic-align：middle水平居中行内元素：text-align:center块级元素：margin：0 auto父元素posit原创 2021-09-12 15:17:41 · 67 阅读 · 0 评论 -
css calc()函数动态计算长度值
标题calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行计算；calc()函数支持 “+”, “-”, “*”, “/” 运算；calc()函数使用标准的数学运算优先级规则；可以使用百分比表示占父元素的比例（100% - 50px）,注意运算符前后必须有一个空格！测试：...原创 2021-09-09 15:05:38 · 245 阅读 · 0 评论 -
css flex布局实现文字垂直居中
<style> .innner { display: flex; background-color: #ea4d22; height: 100px; /* line-height: 100px; */ /* text-align: center; */ justify-content: center; flex-direction: column; } .i.原创 2021-01-05 10:23:05 · 12434 阅读 · 2 评论 -
css flex弹性布局
Flex 布局教程：语法篇Flex 演示转载 2020-05-28 09:46:59 · 181 阅读 · 0 评论