头名字W的博客

滚动条各个属性：::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 ::-webkit-scrollbar-track ：外层轨道。可以用display...

现象：当顶部导航栏固定时，点击锚点，会跳转到锚点以下。#top{position: fixed;height: 100px;top:0;left:0;z-index: 100;}问题原因 点击超链接之后，跳到的锚点位置向下的偏移量就是fixed的头部的高度。 问题解决1、设置所有锚点处的样式css padding-top:100px; marg...

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。它是的一种CSS预处理器语言，也叫...

CSS的颜色有以下几种表现形式：八进制颜色十六进制颜色RGB颜色RGBA颜色HSL色彩HSLA颜色预定义/跨浏览器的颜色名称1、八进制和十六进制所有主要浏览器都支持八进制和十六进制颜色值，如＃RRGGBB和RGB（八进制），所有值必须介于0和FF之间。八进制可以看作十六进制的简写，但是只能是双重字母的十六进制。2、RGB和RGBARGB颜色值在所有主要浏览器都支持。RGB颜色值指定：RGB（红，绿...

transition-property，CSS 属性的名称；transition-duration， 过渡效果花费的时间。默认是 0；transition-timing-function，过渡效果的时间曲线。默认是 "ease"；transition-delay， 过渡效果何时开始。默认是 0transition是上面四个简写，如 transition: width 1s linear 2s其中后...

box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域。box-sizing: content-box|border-box|inheritcontent-box：指容器的边框的线的宽度不算在容器的宽高里面，在容器外绘制边框。border-box：将容器的边框算在容器内，实际容器的宽高需要减去边框的宽度。inherit:  继承父级的属性。div.container {width:...

思想: 选择器类似DOM元素选择器,+表示下一级元素，>表示子元素 空格 代表后代元素<div class='student'><div class="name"></div></div>.student { color: #ffffff;}.student:hover { color: #000000}.student...