css字体主题的文章列表，还有css字体的技术要点_第6页

01.Web大前端时代之：HTML5+CSS3入门系列~初识HTML5

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html文档申明<!DOCTYPEhtml>字符编码（UTF-8）<!--字符编码，chars...

代码星球 ·2021-02-23

Web大前端时代之：HTML5+CSS3入门系列

准备来一波新技术，待续。。。。 /Old:联系源码：https://github.com/dunitian/LoTHTML5文档下载：https://github.com/dunitian/LoTDotNet/思维导图（不断更新）：图片：http://dnt.dkill.net/DNT/HTML5/index...

代码星球 ·2021-02-23

CSS清除浮动8大方法

CSS清除浮动是每一位web前端工程师都要掌握的技术，也是让每一位刚入门的前端工程师感到头疼的问题，下面就来讲一下CSS清除浮动的原理和各种解决方法，大家可以根据实际情况选择最佳的解决方案。在用DIV+CSS布局时通常都会用到浮动（float）来完成页面布局，浮动（float）会使当前标签产生向...

代码星球 ·2021-02-23

哀悼疫情，全站灰色如何实现，CSS滤镜一行代码实现

/向抗疫英雄致敬！今日打开各样的app，各大电商，爱奇艺都是灰色的这里我也一直很好奇该功能，前端如何实现，了解过后发现这个CSS滤镜，点击了解更多写下随笔记录一波如果去实现，作为程序员，copy能力，搜索能力肯定不能弱(~~此处调侃而已)，一定要有洞察力，对不?直接F12...

代码星球 ·2021-02-23

6种css3 transform图片悬停动态效果

html骨架代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,initial-...

代码星球 ·2021-02-23

CSS 实现关闭按钮 X

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><style>.close{background:o...

代码星球 ·2021-02-23

intellij idea 修改背景保护色&&修改字体&&快捷键大全(转)

文章转自http://blog.csdn.net/hpf911/article/details/16888797近Idea比较流行，Eclipse因为maven的问题，运行起来非常慢，各种提示也不够智能。现在开发基本都转到了idea，用着感觉确实不错，很方便。但是设置和快捷键都不同了，需要一些学习成本。现特别记录一下比...

代码星球 ·2021-02-23

css学习之样式层级和权重

第一种情况当选择器相同的情况下，引入方式的前后，决定页面最后的效果---------外部在最后面显示---------内部在最后面显示第二种情况引入方式相同时候，则是按照权重取最大(取权重最大值显示)去确定最后样式(此处以外部样式为例子) 选择器 &n...

代码星球 ·2021-02-23

CSS3的calc在Less文件中不起作用

https://www.jianshu.com/p/51456dabd069...

代码星球 ·2021-02-22

CSS3 使用 calc() 计算高度 vh px

1、px 像素，我们在网页布局中一般都是用px。2、百分比百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewport viewport：可视窗口，也就是浏览器。 vwViewport宽度，1...

代码星球 ·2021-02-22

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...

代码星球 ·2021-02-22

css笔记：清除子元素对父元素的浮动效果的三种方法

对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。例如：<!DOCTYPEhtml><htmllang="en"><head><metacharset=...

代码星球 ·2021-02-22

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...

代码星球 ·2021-02-22

CSS3选择非first-child第一个子元素

有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）。这时如果能排除第一个元素，并给其他元素设置margin-left属性，就能实现...

代码星球 ·2021-02-22

css 盒子模型理解

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border...

代码星球 ·2021-02-22