![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
sfanxi
这个作者很懒,什么都没留下…
展开
-
margin-block-start
MDN :CSS属性定义了一个元素的逻辑块的开始边距, 是用来根据元素的书写模式(writing-mode),方向(direction)和文本方向(text-orientation)进行实际边界的衡量。 By default, you will have the following mapping: margin-block-start = margin-top margin-block-end = margin-bottom margin-inline-start = margin-left...原创 2021-09-17 17:09:59 · 1663 阅读 · 0 评论 -
css之滚动阴影
思路:用线性渐变和径向渐变制作两张背景图,要求 1.径向渐变的图不论元素怎么滚动,始终保持在顶部,作为阴影的显示,像下图这样。 关键css background: radial-gradient(at top, rgba(0, 0, 0, .6), transparent 70%); background-repeat: no-repeat; back...原创 2019-12-24 15:49:49 · 957 阅读 · 0 评论 -
滚动条的样式
滚动条整体样式 ::-webkit-scrollbar{ /* 纵向滚动条的宽 */ width: 8px; /* 横向滚动条的高 */ height:8px; border: 2px solid red; background-color: #181c32; } 滚动条可拖动部分滑...原创 2020-05-20 09:27:31 · 967 阅读 · 0 评论 -
今日样式问题
1、Google 浏览器登录页自动填充用户名和密码有黄色的背景颜色-----如何去除(引发问题见2、) 首先变黄原因:chrome会默认给自动填充的input表单加上input:-internal-autofill-selected私有属性,然后对其赋予以下样式: input:internal-autofill-selected{ background-color:#FAFFBD !im...原创 2019-04-17 16:08:25 · 703 阅读 · 0 评论 -
负margin总结
为元素设置的margin值为负时,会根据元素不同的特性表现出不同的效果: 到底有哪些情况呢?有以下四种 1、正常流中的元素,就是没设置浮动,没设置定位的元素或说position为static的(posotion:static是默认的样式) 元素设置的margin为负值时: 1、margin-top/margin-left为负,元素会移动,怎样移动呢?很显然,分别向上和...原创 2019-01-10 19:08:33 · 426 阅读 · 0 评论 -
清楚浮动的几种方法
1、在浮动元素后面加一个空div标签,添加clear : both; .div1{background:yellow;} .div2{background:#800080;width:400px;height:100px;} .left{float:left;width:20%;height:200px;background:#DDD} .right{float:right;width:...原创 2018-10-15 21:02:51 · 201 阅读 · 0 评论