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内边距内...
CSS height控制元素高度
height是CSS中用来控制元素高度的，控制高度的语法也还有其他的语法。height语义元素高度，所有浏览器都兼容。height代码示例height:100px;高度100像素max-height:100px;高度最大100像素min-height:100px;高度最小100像素...
CSS width控制元素宽度
width是CSS中用来控制元素宽度的，其实控制宽度不止只有width，还有其他的语法。width语义元素宽度，所有浏览器都兼容。width代码示例width:100px;宽度100像素max-width:100px;宽度最大100像素min-width:100px;宽度最小100像素...
CSS * 选择器
在CSS中选择器中“*”，代表选择全部元素，我们通常用它来处理全部重置样式使用，其他地方很少使用了。语法语义选择全部元素，也可以选择另一个元素内的所有元素兼容性兼容所有浏览器语法代码示例*{padding:0px;margin:0px;}div *{background-color:yellow;...
CSS定位控制上下左右坐标教程
CSS定位控制上下左右坐标教程 ,需要搭配position使用，position使用方法参考下面教程。[xxid]70,1440[/xxid]本片教程没任何难点，我的站长站就简单点，直接讲解实战方法。实战案列position：absolute;top:100px;bottom:200px;left:300px;right:400px;首先需...
CSS定位教程 z-index层级语法详解
在CSS开发中需要某元素覆盖在另一元素的上面，就需要用到z-index语法。z-index语法需要搭配position使用，position语法看下面这篇教程。[xxid]70,1440[/xxid]z-index语法为CSS2版本，无继承性z-index语法z-index: auto | <integer>默认值：auto语法示例z-in...