2020-07-07
77
CSS语法
回味 hack的几种常用写法
随着浏览器版本越来越完善，现在前端开发使用到CSS hack的机会基本很少了，但是作为专业前端开发工程师，还是有必要了解CSS hack的，我的站长站今天带大家回味下以往的CSS hack常用方法。由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解析认识不一样，导...
如何正确的使用选择器
css选择符的概念，在之前的新手学习css优先级的开头部分也有提到，是指每一条样式规则中，描述把样式作用到哪些元素的部分，也即{}之前的部分。css选择符将确定后面的属性定义要作用到哪些元素，因此存在一个浏览器根据css选择符来应用样式到对应元素的匹配过...
自定义变量方法
今天找模板看到一个模板这段代码，很好奇，研究了下，分享给大家学习。这段是CSS3的自定义变量的写法，搞了前端这么多年，还没遇到过，以前只知道LESS SASS支持变量，没想到CSS都可以直接使用CSS变量了。方法很简单，跟JS一样，先声明一个变量。...
3背景渐变语法
background：背景linear-gradient：渐变0deg：渐变方向，比如从左到右，从右到左，从上到下等等#fff：渐变起始颜色#000：渐变结束颜色0%，100%：透明度。
盒子 margin外边距padding内边距border边框
以前应聘前端工作的时候，考官总喜欢问CSS盒子是什么？其实就是margin外边距和padding内边距，外加一个border边框，换了个神奇的叫法。外边距的意思就是，元素向外的距离。文字代表元素本身，黄色代表外边距。内边距跟外边距相反，元素向内的距离。...
height控制元素高度
height是CSS中用来控制元素高度的，控制高度的语法也还有其他的语法。元素高度，所有浏览器都兼容。高度100像素高度最大100像素高度最小100像素。
width控制元素宽度
width是CSS中用来控制元素宽度的，其实控制宽度不止只有width，还有其他的语法。元素宽度，所有浏览器都兼容。宽度100像素宽度最大100像素宽度最小100像素。
* 选择器
在CSS中选择器中“*”，代表选择全部元素，我们通常用它来处理全部重置样式使用，其他地方很少使用了。选择全部元素，也可以选择另一个元素内的所有元素兼容所有浏览器常用来重置元素样式。...
定位控制上下左右坐标教程
CSS定位控制上下左右坐标教程 ,需要搭配position使用，position使用方法参考下面教程。[xxid]70,1440[/xxid]本片教程没任何难点，我的站长站就简单点，直接讲解实战方法。首先需要申明下定位方法position为absolute绝对定位，top代表上方向，botton代表下方向...
定位教程 z-index层级语法详解
在CSS开发中需要某元素覆盖在另一元素的上面，就需要用到z-index语法。z-index语法需要搭配position使用，position语法看下面这篇教程。[xxid]70,1440[/xxid]z-index语法为CSS2版本，无继承性。...