css色彩 标准color
CSS09.盒模型应用
盒模型应用 改变宽高范围 默认情况下，width 和 height 设置的是内容盒宽高。 页面重构师：将psd文件（设计稿）制作为静态页面 问题：衡量设计稿尺寸的时候，往往使用的是边框盒，但设计width和height，则设置的是内容盒 解决办法有两种： 精确计算 CSS3：box-sizing（用 ......
CSS10.行盒盒模型
行盒的盒模型 常见的行盒：包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高，应该使用字体大小、行高、字体类型，间接调整 内边距（填充区） 水平方向有效，垂直方向仅会影响背景（背景变，但字体还是不动），不 ......
CSS05.层叠
层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 概念： 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 原则： 样式冲突，遵循的原则 ......
CSS06.继承
继承 子元素会继承父元素的某些(不是全部)CSS属性 通常，跟文字内容相关的属性都能被继承 例：background-color、weigh、height不能被继承 概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将他应用于父元素即可。 简单的理解就是：子承父 ......
CSS03.字体样式
字体样式 1.CSS外观属性 1.1 color：文本颜色 作用： color属性用于定义文本的颜色 其取值方式有如下3种： 表示属性值 预定义的颜色值（预设值：定义好的单词） red、green、blue 十六进制 淘宝红：#ff4400/#f40 黑色：#000000/#000 白色：#ffff ......
CSS04.选择器
选择器 选择器作用：帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器（JavaScript使用）（不推荐使用） 选中的是对应id值的元素 id选择器使用#进行标识，后面紧跟id名 其基本语法格式如下： id选择器 #id名 {属性1:属性值1; 属性2:属性 ......
CSS07.属性值的计算过程
属性值的计算过程 概念： 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时： 选择器相同，则执行层叠性 选择器不同，就会出现优先级的问题。 权重计算公式 关于CSS权重，我们需要一套计算公式来去计算，这个就是CSS Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......
CSS3动画
动画 动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 动画的基本使用，制作动画分为两步： 1.先定义动画 2.再使用（调用）动画 1. @keyfra ......
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
@(目录) 测试准备： 新建一个测试项目文件夹 test，然后在 test 文件夹内新建一个名为 css 的文件夹，创建一个名为 style.css的文件，最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.ht ......
CSS6大种选择器
https://blog.csdn.net/weixin_52682014/article/details/127709889 一、常用的css基本选择器(4种) 1、标签选择器 结构： 标签名{css属性名：属性值}作用：通过标签名，找到页面中所有的这类标签，设置样式注意：1.标签选择器选择的是一 ......
一份标准的软件测试计划包含的几大要素
1.测试的目的 2.测试依赖条件 测试项目与其他平台的依赖关系，当前项目需要依赖的平台或环境需要集成进来。 3.测试范围 待测试的组件、核心功能，子功能可视项目需要编写。以及非测试范围。 4.测试等级 描述相关的测试等级(单元、子系统集成、集成测试) 5.测试类型 描述测试类型： (1)黑盒、灰盒、 ......
css 下划线动态
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
CSS：text-align-last文本最后一行的对齐方式
在开发过程中多行文本时出现了其他行左对齐，最后一行右对齐的情况 text-align：规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐，只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align：justify就可以 了，但是对于多行文本，除了最后一行之外都可以实现两 ......
CSS 伪元素
CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} htt ......
伪类和CSS类
伪类和CSS类 伪类可以与 CSS 类配合使用： a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问，它会显示为红色。 http://www.szytjh.co ......
CSS - :lang 伪类
CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意：IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中，:lang 类为属性值为 no 的q元素定义引号的类型： 实例 q:lang(no) {quotes: "~" "~";} https ......
CSS :first-child 伪类
CSS :first-child 伪类 您可以使用 :first-child 伪类来选择父元素的第一个子元素。 注意：在IE8的之前版本必须声明<!DOCTYPE> ，这样 :first-child 才能生效。 匹配第一个 <p> 元素 在下面的例子中，选择器匹配作为任何元素的第一个子元素的 <p> ......
CSS中的transform（2D转换）
transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数： 旋转函数（rotate） 移动函数（translate） 缩放函数（scale） translate CSS中的二维坐标系如下（注意y轴正方向与数学中常见的二维坐 ......
C++ 标准库 sort() / stable_sort() / partial_sort() 对比
C++ STL标准库中提供了多个用于排序的Sort函数，常用的包括有sort() / stable_sort() / partial_sort(),具体的函数用法如下表所示： | 函数 | 用法 | | | | | std::sort(first,last) | 对容器或数组first~last范围 ......
css绝对定位，没有设置left或top
目标：做h5实现以下情形 问题：不知为何成了这样： 分析： 下列是代码： 已知id="div_2"的div的父类已经定位，故该div块的位置是相对于这个父类。 修改之前的代码： 进行修改： 结论：当只给元素定义了position：absolute时，如果top，left没有指定时，则left，top ......
72.标准库类型vector
标准库类型vector表示对象的集合， 其中所有对象的类型都相同。集合中的每个对象都有个与之对应的索引，索引用于访问对象。 因为vector”容纳着“其他对象，所以它也常被称作容器(container)。 第Ⅱ部将对容器进行更为详细的介绍。 要想使用vector，必须包含适当的头文件。在后续的例子中 ......
HTML引入CSS样式的三种方式概述
1.内联定义方式： 在标签内部使用style属性来设置元素的css样式 语法格式： 1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签> 2.样式块方式： 在head标签中使用style块 语法格式： 1 <head> 2 <style type=" ......
css绘制一个Pinia小菠萝
效果如下： pinia小菠萝分为头部和身体，头部三片叶子，菠萝为身体 头部 先绘制头部的盒子，将三片叶子至于头部盒子中 先绘制中间的叶子，利用border-radius实现叶子的效果，可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
CSS详解
Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
学习-js的标准内置对象Object
标准内置对象Object 1、Object.defineProperty() /** * Object.defineProperty() * Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者 * 修改一个对象的现有属性，并返回此对象。 * * 备注：应当直接在 ......
css
css 使用css可以为html添加一些样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>入门案例</title> <style> h1{ color: red; font-size: 100px; } ......
css样式选择器
一、 CSS 选择符 类型选择符用于选择特定类型的元素，比如段落（见下面的例子)或标题元素，只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
css中的&是什么意思
这个是scss中的语法，表示上一级的选择器 例如源码： ul{ margin-bottom: 20px; & >li{ margin-bottom: 0; } } 相当于代码 ul{ margin-bottom: 20px; } ul >li{ margin-bottom: 0; } ......