css
puspos
这个作者很懒,什么都没留下…
展开
-
css margin
margin-block-start == margin-topmargin-block-end == margin-bottommargin-inline-start == margin-leftmargin-inline-end == margin-rightmargin-block-start: 10px; /* 绝对长度 */margin-block-start: 1em; /* 文本fontSize的相对大小 */margin-block-start: 5%; /* 根据文原创 2021-03-12 11:08:27 · 113 阅读 · 0 评论 -
css @ & -- sass less 变量
@@import 'global.css';@import url("https://unpkg.com/[email protected]/lib/theme-chalk/index.css");/*定义标识符*/@gray: #6b7381;body { color: @gray;}&& 表示嵌套的上一级/*使用&*/ul{ width: 20px; & >li { width: 0; } }/原创 2021-01-12 16:43:13 · 164 阅读 · 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 · 156 阅读 · 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 · 794 阅读 · 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 · 106 阅读 · 0 评论 -
css cursor
cursor:鼠标悬停在html元素上时,鼠标的形状cursor:default;//默认光标(通常是箭头)cursor:pointer;//手型cursor:not-allowed;//红圈加斜杠,表禁止原创 2021-01-01 09:23:02 · 133 阅读 · 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 · 396 阅读 · 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 · 1795 阅读 · 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 · 581 阅读 · 0 评论 -
css padding margin
padding:当前控件的内边距,即控件中内容距离该控件的距离。margin:指的是当前控件和父控件的距离。padding-top/padding-bottom/padding-left/padding-right/paddingmargin-top/margin-bottom/margin-left/margin-right/marginpadding (margin):10px; 四边统一内(外)边距;padding (margin):10px 20px; 10px 是上下内(外)边距;20原创 2020-11-10 12:19:14 · 100 阅读 · 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 · 119 阅读 · 0 评论