Css
6种css3 transform图片悬停动态效果
html骨架代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,initial-...
CSS 实现关闭按钮 X
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><style>.close{background:o...
css学习之样式层级和权重
第一种情况当选择器相同的情况下，引入方式的前后，决定页面最后的效果---------外部在最后面显示---------内部在最后面显示第二种情况引入方式相同时候，则是按照权重取最大(取权重最大值显示)去确定最后样式(此处以外部样式为例子) 选择器 &n...
CSS3的calc在Less文件中不起作用
https://www.jianshu.com/p/51456dabd069...
CSS3 使用 calc() 计算高度 vh px
1、px 像素，我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewport viewport：可视窗口，也就是浏览器。 vwViewport宽度，1...
vue中安装sass后页面中引用scss报错“Module build failed: TypeError: this.getResolve is not a function at Object.loader”
解决方法和原因如下当我在vue页面使用scss 使用到scss时候就会报错 运行scss的依赖都安装好了 原因其实很简单sass-loader版本有问题换成7.0.0版本就好 在webpack.json中重新改一下版本，然后重新np...
css笔记：清除子元素对父元素的浮动效果的三种方法
对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。例如：<!DOCTYPEhtml><htmllang="en"><head><metacharset=...
CSS选取第几个标签元素：nth-child、first-child、last-child
1、first-childfirst-child表示选择列表中的第一个标签。代码如下：li:first-child{background:#090}上面的意思是，li列表中的第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签，代码如下：li:last-child{back...
css 盒子模型理解
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border...
CSS3选择非first-child第一个子元素
有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）。这时如果能排除第一个元素，并给其他元素设置margin-left属性，就能实现...
css 实现空心三角形
https://blog.csdn.net/weixin_41544124/article/details/86249913...
css通用样式
https://blog.csdn.net/weixin_43320501/article/details/84851831?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&d...
css sticky footer布局实现方式
什么是cssstickyfooter我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的Stick...
常用css reset
1、EricMeyer’s“ResetCSS”2.01/**2*EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)3*http://cssreset.com4*/5html,body,div,span,applet,object,ifra...
50道css基础面试题
1、介绍一下标准的css的盒子模型？与低版本IE的盒子模型有什么不同？答：标准的盒子模型：宽度=内容的宽度（content）+border+padding+margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+margin2、bo...
