AI智能
改变未来

标签:CSS

第45页
CSS笔记——实现商品划线-爱站程序员基地
CSS

CSS笔记——实现商品划线

AI

效果: 实现: text-decoration-line: line-through; // 划线 text-decoration-color: #169bd5; // 划线的颜色 原理: 值 描述 underline 规定文本的下方将显示...

css盒模型以及如何计算盒子的宽度-爱站程序员基地
CSS

css盒模型以及如何计算盒子的宽度

AI

css盒模型以及如何计算盒子的宽度 盒模型 每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子1。 每个盒子都可以看成由4部分组成,它们分别是 — 元素外边距(margin)、元素边框(border)、元素内边距(padding)和元素...

css特性一些东西-爱站程序员基地
CSS

css特性一些东西

AI

css有三大特性1 继承性: 子元素会继承父元素一些属性: 文字相关会继承 , 宽度继承, 其他的不继承, 高度不继承2 层叠性: 后渲染的元素会覆盖掉先渲染的 (权重相同)3 权重性:!important > 行内样式 > i...

CSS行内元素的盒模型-爱站程序员基地
CSS

CSS行内元素的盒模型

AI

行内元素的盒模型 行内元素不支持设置宽度和高度。 行内元素可以设置padding(内边距),border(边框),margin(外边距),且垂直方向不影响页面的布局。 可以通过display来设置元素的类型。 visibilty可以用来设置...

css浮动改变鼠标箭头样式-爱站程序员基地
CSS

css浮动改变鼠标箭头样式

AI

默认箭头样式 cursor:default 系统默认箭头样式 手型 cursor: pointer 手型 手型 cursor:hand 手型 移动十字箭头 cursor: move 移动十字箭头 帮助问号 cursor: help 系统自带...

CSS设置三角形-爱站程序员基地
CSS

CSS设置三角形

AI

通过设置边框来实现三角形。如下图: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>小三...

CSS清楚浮动clear:both的实例代码-爱站程序员基地
CSS

CSS清楚浮动clear:both的实例代码

AI

今天给大家讲一下清楚浮动,在讲清除浮动前,需要了解什么是浮动,这里我就不给你大家详细介绍浮动了。浮动也就是脱离文档流,脱离文档流了,那父级的宽高就不能被子集撑开,所以我们就需要清楚浮动,废话不多说,我们上代码。 <!DOCTYPE h...

CSS的工作流程-爱站程序员基地
CSS

CSS的工作流程

AI

CSS的工作流程 浏览器载入HTML文件。 将HTML文件转化成一个DOM。 浏览器拉取HTML的大部分资源。 浏览器拉取到CSS之后会进行解析,浏览器基于选择器的不同类型找到不同的选择器,将不同的规则应用在对应的DOM节点中,并添加节点的...