CSS语法
回味CSS hack的几种常用写法
随着浏览器版本越来越完善，现在前端开发使用到CSS hack的机会基本很少了，但是作为专业前端开发工程师，还是有必要了解CSS hack的，我的站长站今天带大家回味下以往的CSS hack常用方法。什么是CSS hack由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解...
如何正确的使用css选择器
css选择符的概念，在之前的新手学习css优先级的开头部分也有提到，是指每一条样式规则中，描述把样式作用到哪些元素的部分，也即{}之前的部分。css选择符将确定后面的属性定义要作用到哪些元素，因此存在一个浏览器根据css选择符来应用样式到对应元素的匹配过...
CSS自定义变量方法
今天找模板看到一个模板这段代码，很好奇，研究了下，分享给大家学习。:root { --blue: #0e0620; --white: #fff; --green: #2ccf6d;}body { color: var(--blue);}这段是CSS3的自定义变量的写法，搞了前端这么多年，还没遇到过，以前只知道LESS SASS支持变量...
css3背景渐变语法
css3背景渐变语法background: linear-gradient(0deg, #fff 0%,#000 100%);语义说明background：背景linear-gradient：渐变0deg：渐变方向，比如从左到右，从右到左，从上到下等等#fff：渐变起始颜色#000：渐变结束颜色0%，100%：透明度...
CSS盒子 margin外边距padding内边距border边框
以前应聘前端工作的时候，考官总喜欢问CSS盒子是什么？其实就是margin外边距和padding内边距，外加一个border边框，换了个神奇的叫法。margin外边距外边距的意思就是，元素向外的距离。代码示例margin:10px;文字代表元素本身，黄色代表外边距。padding内边距内...