css
puspos
这个作者很懒,什么都没留下…
展开
-
css margin
margin-block-start == margin-top margin-block-end == margin-bottom margin-inline-start == margin-left margin-inline-end == margin-right margin-block-start: 10px; /* 绝对长度 */ margin-block-start: 1em; /* 文本fontSize的相对大小 */ margin-block-start: 5%; /* 根据文原创 2021-03-12 11:08:27 · 139 阅读 · 0 评论 -
css @ & -- sass less 变量
@ @import 'global.css'; @import url("https://unpkg.com/element-ui@2.14.1/lib/theme-chalk/index.css"); /*定义标识符*/ @gray: #6b7381; body { color: @gray; } & & 表示嵌套的上一级 /*使用&*/ ul{ width: 20px; & >li { width: 0; } } /原创 2021-01-12 16:43:13 · 203 阅读 · 0 评论 -
dorado html css tr 加边框
table,th 和 td 有边框,tr 是没有边框 td{ border-top: 1px solid red; border-bottom: 1px solid red; } dorado中给表格的每一行添加一个下边框 //@Bind #dataGrid.onRenderCell !function(self,arg){ arg.dom.style.borderBottom="1px #E3E3E3 solid"; arg.processDefault = true; } ...原创 2021-01-11 16:59:34 · 174 阅读 · 0 评论 -
css 点击(onMouseDown和onMouseUp)后,hover失效
希望结果 正常情况蓝色,悬停时浅蓝,onMouseDown时深蓝,onMouseUp时蓝色 最初代码 <style> #div{ background:蓝色; } #div:hover{ background:浅蓝; } <div id="div" onmousedown="mouseDown()" onmouseup="mouseUp()"></div> <script> function mouseDown(){ $("#add").css({原创 2021-01-06 09:15:08 · 824 阅读 · 0 评论 -
css样式优先级、特指度
!important 优先级最高 .label:hover{ background:black !important; } 选择器优先级 内联样式,即通过元素的style进行设置 ID 选择器, 如 #id {} 类选择器, 如 .class {} 属性选择器, 如 a [href=“segmentfault.com”]{} 伪类选择器, 如 :hover {} 伪元素选择器, 如 ::before {} 标签选择器, 如 span {} 通配选择器, 如 *{} 内联样式 > ID 选择器 &原创 2021-01-05 12:12:19 · 124 阅读 · 0 评论 -
css cursor
cursor:鼠标悬停在html元素上时,鼠标的形状 cursor:default;//默认光标(通常是箭头) cursor:pointer;//手型 cursor:not-allowed;//红圈加斜杠,表禁止原创 2021-01-01 09:23:02 · 170 阅读 · 0 评论 -
css transition hover
transition:意为过渡 div{ width:100px; transition: width 2s; -webkit-transition: width 2s; /* Safari */} div:hover {width:300px;} `` 此时 把鼠标放到div上,宽度会不断增大,2s后从100px达到300px原创 2020-12-31 12:05:44 · 421 阅读 · 0 评论 -
css display 居中对齐 text-align vertical-align
三个值 block块级元素:div p h form 以新行开始; 高度,行高、外边距和内边距都可控制; 宽度缺省是它的容器的100% 可容纳内联元素和其他块元素 inline内联元素: 和其他元素在一行: span input img 高,行高及外边距和内边距不可改变; 宽度就是它的文字或图片的宽度,不可改变 内联元素只能容纳文本或者其他内联元素 inline-block行内块元素 和其他元素在一行 可设置高、行高、外边距内边距 ...原创 2020-12-30 16:07:39 · 1858 阅读 · 0 评论 -
css position
文档流布局: 将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素 窗口:浏览器的可视区域 postion定位涉及的top,bottom,left,right,z-index 在原先的位置,按照top,right,bottom,left的顺序削出来一块区域 如果发生冲突,左右取左,上下取上 position:static静态局部:html的默认布局,即文档流布局 position:fixed固定布局:相对浏览器窗口进行定位 position:relative相对布局:相原创 2020-11-12 10:07:33 · 597 阅读 · 0 评论 -
css padding margin
padding:当前控件的内边距,即控件中内容距离该控件的距离。 margin:指的是当前控件和父控件的距离。 padding-top/padding-bottom/padding-left/padding-right/padding margin-top/margin-bottom/margin-left/margin-right/margin padding (margin):10px; 四边统一内(外)边距; padding (margin):10px 20px; 10px 是上下内(外)边距;20原创 2020-11-10 12:19:14 · 125 阅读 · 0 评论 -
css clip 剪切
<style type="text/css"> img { //使用clip时必须有 position:absolute; clip:rect(0px 50px 200px 0px) } </style> rect(top, right, bottom, left) 顺时针原创 2020-11-10 10:23:54 · 147 阅读 · 0 评论