CSS3
文章平均质量分 96
起伏羊
少壮不努力 老大徒伤悲
展开
-
【CSS @property】CSS自定义属性说明与demo
property是 CSS Houdini API [🔗] 的一部分,它允许开发者显式地定义他们的CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承**。@property 规则提供了一个直接在样式表中注册自定义属性的方式,而无需运行任何 JS 代码。有效的 @property 规则会注册一个自定义属性,就像 【】 函数被使用同样的参数调用了一样。在过去,我们使用CSS自定义变量(CSS Variables)来存储和复用值,但它们并不具备类型检查和默认值设定的功能。原创 2023-12-20 16:57:13 · 2147 阅读 · 0 评论 -
【CSS 渐变Gradient详解】线性渐变、径向渐变、锥形渐变及重复渐变
是 的一种特殊类型,包含两种或多种颜色的过渡转变。CSS 渐变实际大小取决于所应用的元素的大小。由 linear-gradient() 函数、 radial-gradient() 函数、 conic-gradient() 函数产生的。重复渐变是使用 repeating-linear-gradient() 和 repeating-radial-gradien()和 repeating-conic-gradient()函数创建。原创 2023-12-14 16:26:13 · 1462 阅读 · 0 评论 -
【CSS 背景详解】background
设置元素的背景颜色。属性的值为颜色值或关键字"transparent"二者选其一。原创 2023-12-11 17:28:41 · 4236 阅读 · 0 评论 -
【CSS复习】position定位
positionposition属性 用于指定一个元素在文档中的定位方式。top,right,bottom 和 left 属性则决定了该元素的最终位置。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。属性值 static | relative | absolute | sticky | fixed 属性值含义static该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位原创 2020-08-04 17:29:34 · 309 阅读 · 0 评论 -
CSS3文本效果
一、文本溢出text-overflowtext-overflow 属性规定当文本溢出包含元素时发生的事情。 text-overflow: clip|ellipsis|string;值描述clip默认值,修剪文本ellipsis显示省略符号来代表被修剪的文本。string使用给定的字符串来代表被修剪的文本。二、文本阴影text-shadowtex...原创 2020-01-16 05:39:19 · 199 阅读 · 0 评论 -
CSS3多列布局
CSS3多列布局columns属性的使用方法及浏览器兼容多利布局的相关属性的使用方法一、CSS3多列布局1、CSS3相关属性属性描述columns规定设置 column-width 和 column-count 的简写属性column-width规定列的宽度column-count规定元素应该被分隔的列数column-gap规定列之间的间...原创 2020-01-16 04:35:21 · 524 阅读 · 0 评论 -
CSS3伸缩布局盒模型(Flexbox)
CSS3伸缩布局盒模型弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一、伸缩布局盒模型基础1、CSS中的布局在css2中定义了4种页面布局模式...原创 2020-01-14 23:56:21 · 1120 阅读 · 0 评论 -
盒模型(Boxmodel)
盒模型知识点理解W3C标准盒模型理解并掌握盒模型相关属性的使用方法了解CSS盒模型的浏览器兼容性掌握浮动布局的设计与使用方法掌握各种页面元素的定位方法掌握CSS3新增的相关属性的使用方法及兼容性一、W3C标准盒模型1、什么是盒模型盒模型是使用css对网页元素进行控制时的一个概念,浏览器把网页中的每一个元素都看作一个盒模型,每个盒模型都由以下几...原创 2020-01-14 19:02:52 · 2216 阅读 · 0 评论 -
CSS3选择器
CSS3选择器利用CSS选择器能不改动HTML结构,通过添加不同的CSS规则得到不同样式的网页。基本选择器层次选择器伪类选择器动态伪类选择器目标伪类选择器语言伪类选择器UI元素状态伪类选择器结构伪类选择器否定伪类选择器伪元素属性选择器1. 基本选择器语法通过基本选择器可以确定HTML树形结构中大多数的DOM原素节点。浏览器兼容浏览器对基本选择...原创 2020-01-12 05:50:26 · 360 阅读 · 0 评论 -
图解CSS3(目录)
图解CSS3(目录)CSS是种层叠样式表,是一种样式语言,用来告诉浏览器如何渲染你的Web页面。CSS3是CSS的最新版本。主流浏览器的支持情况 https://caniuse.com/?from=groupmessage&isappinstalled=0#home 这个网站可以搜索css属性在各个浏览器上的支持情况。浏览器的内核以及前缀Chrome(谷歌浏览器)...原创 2020-01-11 22:22:25 · 394 阅读 · 0 评论 -
CSS3 第1篇 基础入门 (二)
第二章 CSS3样式的基本语法2.1CSS基本语法2.1.1 CSS构造规则选择符(selector)、属性(properties)、属性值(value)selector{properties:value;}其中选择符是多种形式的;一个选择符当中有多个属性;每个属性都有属性值,且浏览器不同对属性的支持或者属性值的支持也不同。eg: <p class="color:...原创 2019-08-31 19:59:01 · 219 阅读 · 0 评论 -
CSS3 第1篇 基础入门 (一)
第一章 CSS样式入门本章要点 了解CSS的基本概念 熟悉CSS的常用单位 熟悉编辑和浏览CSS的方法 掌握在HTML中调用CSS的方法 掌握调用CSS方法的优先级 1.1 认识CSSCSS,即层叠样式,Cascading Style Sheets。CSS,也可以称为CSS样式表或者样式表,其文件扩展名为.css。CSS,是用于增强或控制网页样式并允...原创 2019-08-30 23:20:38 · 337 阅读 · 0 评论