HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第10页

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

css 实现空心三角形

https://blog.csdn.net/weixin_41544124/article/details/86249913...

代码星球 ·2021-02-22

css通用样式

https://blog.csdn.net/weixin_43320501/article/details/84851831?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&d...

代码星球 ·2021-02-22

css sticky footer布局实现方式

什么是cssstickyfooter我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的Stick...

代码星球 ·2021-02-22

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

代码星球 ·2021-02-22

50道css基础面试题

1、介绍一下标准的css的盒子模型？与低版本IE的盒子模型有什么不同？答：标准的盒子模型：宽度=内容的宽度（content）+border+padding+margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+margin2、bo...

代码星球 ·2021-02-22

兼容IE6/7/8的css实现背景透明

html代码<TABLEcellSpacing=0cellPadding=0width="100%"border=0><TBODY><TR><TDclass=khdxz_intro><P>本报告期（2017/12/2-2017/12/5）海运煤炭运价经过一期的...

代码星球 ·2021-02-22

css中“box-sizing”详解

今天翻到w3c上关于box-sizing这个属性值，发现上面的概念异常难懂，最后查找资料对其进行总结，总结如下定义：box-sizing:允许您以特定的方式定义匹配某个区域的特定元素(W3C上的原话)语法：box-sizing:content-box|border-boxcontent-box:宽度和高度分别应用到元素...

代码星球 ·2021-02-22

css控制文字不换行且越界部分以省略号显示

代码如下：<style>*{margin:0px;padding:0px;}.fontCss{text-overflow:ellipsis;white-space:pre;width:300px;height:300px;margin:0auto;background:pink;overflow:hidde...

代码星球 ·2021-02-22

android开发使用TextView显示html富文本、markdown文本的强大框架记录一下

android开发时，有时我们想灵活修改样式灵活，所以想使用富文本显示方式展示，一般我们有以下两种方式：1.使用TextView显示，使用textView.setText(Html.from(html))显示富文本内容2.使用WebView加载，使用webView.loadData()或者webView.loadDat...

代码星球 ·2021-02-22