![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
头名字W
大鹏一日同风起,扶摇直上九万里
展开
-
修改默认浏览器滚动条样式
滚动条各个属性:::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button :滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。 ::-webkit-scrollbar-track :外层轨道。可以用display...原创 2019-11-13 19:48:22 · 1316 阅读 · 0 评论 -
css锚点定位不准确问题
现象:当顶部导航栏固定时,点击锚点,会跳转到锚点以下。#top{position: fixed;height: 100px;top:0;left:0;z-index: 100;}问题原因 点击超链接之后,跳到的锚点位置向下的偏移量就是fixed的头部的高度。 问题解决1、设置所有锚点处的样式css padding-top:100px; marg...原创 2019-11-12 09:16:15 · 4835 阅读 · 0 评论 -
初识Sass篇
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。它是的一种CSS预处理器语言,也叫...原创 2018-03-09 19:27:15 · 410 阅读 · 0 评论 -
css系列之颜色的多种表示方式
CSS的颜色有以下几种表现形式:八进制颜色十六进制颜色RGB颜色RGBA颜色HSL色彩HSLA颜色预定义/跨浏览器的颜色名称1、八进制和十六进制所有主要浏览器都支持八进制和十六进制颜色值,如#RRGGBB和RGB(八进制),所有值必须介于0和FF之间。八进制可以看作十六进制的简写,但是只能是双重字母的十六进制。2、RGB和RGBARGB颜色值在所有主要浏览器都支持。RGB颜色值指定:RGB(红,绿...原创 2018-05-14 22:38:44 · 2335 阅读 · 0 评论 -
css3属性之动画篇
transition-property,CSS 属性的名称;transition-duration, 过渡效果花费的时间。默认是 0;transition-timing-function,过渡效果的时间曲线。默认是 "ease";transition-delay, 过渡效果何时开始。默认是 0transition是上面四个简写,如 transition: width 1s linear 2s其中后...原创 2018-05-21 21:50:26 · 744 阅读 · 0 评论 -
css盒模型之box-sizing
box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。box-sizing: content-box|border-box|inheritcontent-box:指容器的边框的线的宽度不算在容器的宽高里面,在容器外绘制边框。border-box:将容器的边框算在容器内,实际容器的宽高需要减去边框的宽度。inherit: 继承父级的属性。div.container {width:...原创 2018-06-19 19:01:04 · 1351 阅读 · 0 评论 -
CSS中父级的hover改变子元素和样式
思想: 选择器类似DOM元素选择器,+表示下一级元素,>表示子元素 空格 代表后代元素<div class='student'><div class="name"></div></div>.student { color: #ffffff;}.student:hover { color: #000000}.student...原创 2019-09-05 22:08:10 · 12561 阅读 · 0 评论