文章分类 - CSS
摘要：一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动
阅读全文
摘要：CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。 选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等 属性和属性值之间用英文“:”分开 多个“键值对”之间用英文
阅读全文
摘要：一、什么是元素显示模式 网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。 HTML 元素一般分为块元素和行内元素两种类型。 二、块元素 常见的块元素有<
阅读全文
摘要：1 伪类选择器 ① 动态伪类选择器（5个） :link 选择地址没有被访问过的超链接元素 :visited 选择地址被访问过的超链接元素 :hover 选择鼠标悬停在上面的元素。 :active 选择鼠标在上面并且按键按下不松手的元素 :focus 选择获取焦点的元素。 12345 ② 目标伪类选择
阅读全文
摘要：CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器 伪类选择器 伪类选择器：用来描述一个元素的特殊状态！比如第一个元素、某个元素的子元素、鼠标点击的元素 我们伪类选择器有几种，我们来看看第一种 静态伪类: 只能用于超链接的样式 :link 超链接点击之前
阅读全文
摘要：1. 后代选择器 概念：后代选择器又称为包含选择器。 作用：用来选择元素或元素组的子孙后代。 其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。 格式：父级 子级{属性:属性值;属性:属性值;} 语法：.class h3{color:red;font-siz
阅读全文
摘要：CSS之复合选择器 CSS的复合选择器是由两个或者多个基础选择器，通过不同的方式组合而成。 常用复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等。 1.后代选择器(重要)： 我们可以选择父元素里面的子元素进行样式声明。 语法格式如下: 元素1 元素2 {样式声明} 1 举例说明： ul
阅读全文
摘要：1 Emmet简介 Emmet是一个Web开发工具，用于加快HTML和CSS代码的编写速度。使用Emmet能够通过简短的表达式生成HTML或CSS代码片段。另外，截至2022年，主流的编辑器工具如Visual Studio Code、WebStorm都已经集成了Emmet工具，无需手动安装即可使用。
阅读全文
摘要：1.Emmet语法 Emmet语法的前身是Zen coding,它使用缩写,来提高HTML/CSS的编写速度,VScode内部已经集成该语法. ①快速生产HTML结构语法 ②快速生产CSS样式语法 2.快速生成HTML结构语法 ①生成标签 直接输入标签名 按tab键即可 比如 div 然后tab键,
阅读全文
摘要：目录 一、css优先级 的 6大分类 二、css优先级 的 优先顺序 三、选择器 的 权重及优先规则 四、权重 的 4个等级定义 五、权重 的 优先顺序 六、利用权重值比较优先级 一、css优先级 的 6大分类 通常可以将css的优先级由高到低分为6组： 第一优先级：无条件优先的属性只需要在属性后面
阅读全文
摘要：css命名规范可以避免不必要的样式冲突。命名可以参考BEM规范+常用命名 Vue-load 会将css 样式上加上 data-v-xxxx 来唯一标识样式，css-loader 也有这个功能 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：n
阅读全文
摘要：以下为对npm常用库的整理 功能库|<<< Axios|一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中|http://www.axios-js.com/ Lodash|一个一致性、模块化、高性能的 JavaScript 实用工具库|https://www.lodas
阅读全文
