CSS笔记——实现商品划线
效果: 实现: text-decoration-line: line-through; // 划线 text-decoration-color: #169bd5; // 划线的颜色 原理: 值 描述 underline 规定文本的下方将显示...
效果: 实现: text-decoration-line: line-through; // 划线 text-decoration-color: #169bd5; // 划线的颜色 原理: 值 描述 underline 规定文本的下方将显示...
css盒模型以及如何计算盒子的宽度 盒模型 每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子1。 每个盒子都可以看成由4部分组成,它们分别是 — 元素外边距(margin)、元素边框(border)、元素内边距(padding)和元素...
css有三大特性1 继承性: 子元素会继承父元素一些属性: 文字相关会继承 , 宽度继承, 其他的不继承, 高度不继承2 层叠性: 后渲染的元素会覆盖掉先渲染的 (权重相同)3 权重性:!important > 行内样式 > i...
行内元素的盒模型 行内元素不支持设置宽度和高度。 行内元素可以设置padding(内边距),border(边框),margin(外边距),且垂直方向不影响页面的布局。 可以通过display来设置元素的类型。 visibilty可以用来设置...
默认箭头样式 cursor:default 系统默认箭头样式 手型 cursor: pointer 手型 手型 cursor:hand 手型 移动十字箭头 cursor: move 移动十字箭头 帮助问号 cursor: help 系统自带...
css设置表格边框 2020/07/20 table{border-collapse:collapse;}table,th, td{border: 1px solid black;}
通过设置边框来实现三角形。如下图: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>小三...
今天给大家讲一下清楚浮动,在讲清除浮动前,需要了解什么是浮动,这里我就不给你大家详细介绍浮动了。浮动也就是脱离文档流,脱离文档流了,那父级的宽高就不能被子集撑开,所以我们就需要清楚浮动,废话不多说,我们上代码。 <!DOCTYPE h...
1.实现上标(某个字符缩小在右上角) HTML中: <sup>上标</sup> 显示:css中: .font span{/* vertical-align属性用来设置元素的垂直对齐方式,text-top和super属...
CSS的工作流程 浏览器载入HTML文件。 将HTML文件转化成一个DOM。 浏览器拉取HTML的大部分资源。 浏览器拉取到CSS之后会进行解析,浏览器基于选择器的不同类型找到不同的选择器,将不同的规则应用在对应的DOM节点中,并添加节点的...