css

CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑。 推荐教程：CSS视频教程 大小写不敏感 虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的 立即学习“前端免费学习笔记（深入）”； .test{ background-CO…

CSS权重是指选择符的优先级，优先级高的css样式会覆盖优先级低的样式，优先级越高说明权重越高。当css选择规则的权重不同时，权值高的优先。当css选择规则的权值相同时，后定义的规则优先。 要知道什么是CSS的权重，那么我们必须先了解CSS样式的6种基础选择器：ID选择器、类选择器、属性选择器、伪类…

css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件，因为它们的文件名都不是css，写法也不是纯css，而是无法被浏览器识别的，所以写完需要编译一下才能使用，这便是css预编译。 预编译原理 通过能读取文件的语言编写的插件把文件解析成css文件，因为他们的文件名都不是css，写法也不…

css设置图片的对比度的方法：可以利用【filter:contrast(%)】属性来设置图片的对比度，如【filter:contrast(0%)】。filter属性定义了元素的可视效果，如模糊、饱和度、对比度等。 属性介绍： filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。 …

css设置鼠标的形状的方法：可以利用cursor属性来进行设置，如【span.crosshair {cursor:crosshair;}】。cursor属性规定要显示的光标的类型，默认状态下光标是一个箭头。 cursor 属性规定要显示的光标的类型（形状）。 该属性定义了鼠标指针放在一个元素边界范围…

css中的流式布局是指页面中元素的宽度按照屏幕分辨率自动进行适配调整，它可以保证当前屏幕分辨率发生改变的时候，页面中的元素大小也可以跟着改变。 什么是流式布局 网页布局中包括:静态布局，流式布局，响应式布局和弹性布局几种情况。 （学习视频分享：css视频教程） 静态布局：指的就是网页中的所有元素都使…

用CSS调整背景图的大小的方法：可以利用background-size属性来进行调整，如【background-size:80px 60px;】。backgrond-size属性规定了背景图像的尺寸。 属性介绍： background-size 属性规定背景图像的尺寸。 （学习视频分享：css视频教…

css隐藏溢出来的文字的方法：可以利用text-overflow属性来实现，如【text-overflow:ellipaos;】，属性值ellipsis表示显示省略符号来代表溢出来的文字。 属性介绍： text-overflow 属性规定当文本溢出包含元素时发生的事情。 （学习视频分享：css视频教…

css伪元素是用来添加一些选择器的特殊效果的，例如【:first-line】伪元素用来向文本首行设置特殊样式，【:first-letter】伪元素用于向文本的首字母设置特殊样式。 CSS伪元素是用来添加一些选择器的特殊效果。 （学习视频分享：css视频教程） 伪元素的语法： selector:pse…

css控制字间距的方法是：利用letter-spacing属性来进行控制，如【h1 {letter-spacing:2px;}】。letter-spacing属性用于增加或减少字符间的空白（字符间距）。 本教程操作环境：windows10系统、css3，本文适用于所有品牌的电脑。 属性介绍： let…