Pink

Override All Other Styles by using Important 耶！我们刚刚证明了行内样式将覆盖style 中定义的所有 CSS。 但是等一下，还有最后一种覆盖 CSS 的方法，这是所有方法中最强大的，但是在讲它之前，我们先讲讲为什么你要覆盖 CSS。 很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。 让我们再回到我们的 pink-text class 声明。还记得不？我们的 pink-text class 被随后的 class 声明、id 声明和行内样式所覆盖了。 让我们来给 pink-text 元素的 color 声明加上关键字 !important，以便 100% 确保你的 h1 元素是粉色的。 举例如下： color: pink !important; 来源： CSDN 作者： Schon_zh 链接： https://blog.csdn.net/u011374582/article/details/83068936

注意点都在代码里 1 <style> 2 div { 3 width: 200px; 4 height: 200px; 5 background-color: pink; 6 } 7 </style> 8 <div></div> 9 <script> 10 // 操作样式之css方法 11 $(function () { 12 console.log($("div").css("width")); 13 // $("div").css("width", "300px"); 14 // $("div").css("width", 300); 15 // $("div").css(height, "300px"); 属性名一定要加引号 16 $("div").css({ 17 width: 400, 18 height: 400, 19 backgroundColor: "red" 20 // 如果是复合属性则必须采取驼峰命名法，如果值不是数字，则需要加引号 21 }) 22 }) 23 </script> 来源： https://www.cnblogs.com/jianguo221/p/11956188.html

梳理 JavaScript 中的继承问题，则不得不先理解 Js 中的原型链，因为 ECMAScript 主要是基于原型链实现继承的。 原型链 在 Js 中，每个函数都有一个 prototype 属性，其指向该函数的原型对象。而函数的原型对象中，有一个 constructor 属性，指回向该函数。当函数被当作构造函数，使用 new 运算符生成实例时，在生成的实例对象中有一个内部属性 __proto__ 属性，该属性也指向函数的原型对象。在原型对象上有 __proto__ 指向原型对象的原型对象，依次传递，直到指向 Object.prototype 对象为止，即构成了原型链。如下图所示： 原型链继承 function Animal(name) { this.name = name; this.colors = ['black', 'red', 'pink']; } Animal.prototype.run = function (){ console.log('running'); } function Cat(age) { this.age = age; } Cat.prototype = new Animal('cat'); // 实现原型链继承 var cat1 = new Cat(1); console.log(cat1); // Cat { // age: 1, // _

4 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。但相对线性渐变要比径向渐变复杂的多。 径向渐变的格式如下： radial-gradient([<起点>]? [<形状> || <大小>,]? <点>，<点>…) 径向渐变的参数描述如表1： 表1 CSS3径向渐变参数描述 5 径向渐变实例 虽然径向渐变要比线性渐变更为复杂，只要了解了其基本语法以及相关属性参数的作用，并不需要花太多的时间去适应。接下来，我们通过实战来加强径向渐变的使用。本节的所有例子我们都在一个宽度为400像素，高为300像素的容器中实现。 一、从容器内部向外径向渐变 先来看一个最简单的径向渐变，圆心都是容器正中间，从“#ffc107”颜色向“pink”颜色实现径向渐变，CSS代码如下： 在浏览器中查看效果如图1所示： 图1 简单径向渐变 如果你想制作一个圆形渐变，而不是一个椭圆形渐变，只需要添加一个关键词“circle”，我们在上例的基础上添加一个关键词“circle”，代码如下： 此时的渐变变成了圆形，在浏览器中查看效果如图2所示： 图2 圆形渐变 正如你所看到的，圆形的渐变是一个特殊的椭圆渐变，水平半径和垂直半径具有相同的长度值。既然圆形渐变是椭圆渐变的一种特殊情况，如果我们渐变主要半径（水平半径）和次要半径（垂直半径）不相同时就是一个椭圆形渐变

一.字体图标的优点 体积小，本质是字体，可以改变颜色，大小，背景等。 二.使用步骤 1.UI人员设置svg格式交给前端人员 2.前端上传svg格式生成兼容性字体文件包 登陆https://icomoon.io->点击右侧IcoMoon App->点击左上角New Empty Set ->把SVG文件拖入Unititled Set里面即可 3.下载兼容性字体文件包到本地 如果公司不设置字体图标，第一，第二步跳过了。 选中需要的图标->generate Font->会进入Download页面（这个页面中可以看到图标码）->Download->本地就有icomoon.zip了,解压之后的demo.html不要删除，可以参考，即使我们只需要用fonts文件夹。 4.把字体文件包引入页面中 4.1.把fonts文件夹复制到项目中。 4.2. 声明 @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?7kkyc2') format('truetype'), url('fonts/icomoon.woff

对网络编程框架的理解 11 Apr 2018 网络框架是分布式系统中不可或缺的组件，我认为评价一个框架的好坏需要从性能和是否方便使用两方面考虑，在这总结下在参与pika、zeppelin、zeppelin-s3-gateway期间使用pink[1]，调研优化pink，以及开发新网络框架Procyon[2]产生的一些关于网络框架的想法。 所谓框架应该就是提供了大部分代码，用户只需填充规定的部分代码即可，不用从头接触各种系统调用，所以网络框架一般情况下指的就是对TCP协议的socket各种封装，随着计算机处理能力的增强，以及应用规模的增大，程序员需要更好的利用硬件和操作系统提供的各种资源，所以随之出现了各种处理网络链接的模型，多线程，event loop等等，网络编程框架也就是对一种模型的实现，对于不同应用一般是通用的，方便了项目开发。 Eventbased Concurrency [3] 关于对一个客户端链接的处理很容易想到的一个办法就是每个链接建一个进程（后来改进为用线程）处理，这也是当时学操作系统时介绍的进程的一个作用(在FTP服务中，父进程接收新链接，然后建立子进程向客户端回复数据)。但是这种方法的缺点就是为不同客户端服务时会带来进程/线程切换的开销，从而无法服务太多的客户端。 这时出现了event-base的方法，在一个event loop中监听所有链接event

右边根据左边的高度自动居中只需要两行CSS就可以完成 <style type="text/css" > div{ display: inline-block; vertical-align:middle; } .div1{ height:500px; width:500px; background:pink; } .div2{ width:200px; height:20px; background: #c7254e; margin-left:50px; } </style> <div> <div class="div1"></div> <div class="div2"></div> </div> 更多专业前端知识，请上 【猿2048】www.mk2048.com 来源： https://blog.csdn.net/qq_45670012/article/details/102777587

　　使用场景 　　　　下面是几个适合使用 refs 的情况 　　　　　　1、处理焦点、文本选择或媒体控制 　　　　　　2、触发强制动画 　　　　　　3、集成第三方 DOM 库 HTML元素 <div ref={() => this.domName = React. createRef()}></div> // 修改dom样式 this.domName.style.background = "pink"; 组件元素和styledComponents样式化的元素 // styledComponents样式化的元素 export const KillItem = styled.div` font-size: 16px; cursor: pointer; font-weight: 600; `; <KillItem innerRef={() => this.domName = React.createRef()} /> // 修改dom样式 this.domName.style.background = 'pink'; // 组件dom <Row type="flex" align="middle" innerRef={()=>this.domName = React.createRef()}></Row> // 修改dom样式 this.domName.style.background

大家好，我是黑马程序员pink老师！！ 本次视频是前端零基础入门的课程，pink老师采取有趣好玩讲法，带你快乐的学习枯燥的html+css知识，学完之后让你能快速布局pc端页面。代码也可以讲的好玩有趣哦。 本次课程也是替换2017年较老的基础视频，刚刚录制完毕。 本次课程主要讲解： 课程的链接地址是： https://www.bilibili.com/video/av69856262/ 相关练习素材的下载地址是： https://gitee.com/xiaoqiang001/jichubanxin.git 来源： https://www.cnblogs.com/xiaoqiang001/p/11641450.html

css的三种书写方式 行内样式 <div style="color: pink;">熊二</div> 内嵌样式 <head> <meta charset="UTF-8"> <title>Document</title> <style> div { color: blue; } </style> </head> 外联样式（外链样式） <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="样式.css"> </head> <body> <div>熊大与熊二</div> </body> 颜色属性 颜色的值的三种表示方式 使用表示颜色的单词 十六进制表示法 0-9 a-f color: #nn nn nn; n的取值：0-9, a-f （推荐使用） 注意：当每两位相同的时候可以简写成三位 rgb表示法 rgb(n,n,n) n的取值： 0-255 color: red; color: #00ab22;*/ color: rgb(255,0,0);*/ 字体属性 font-size：设置字体大小 font-style：设置字体样式 font-weight：设置字体粗细 font-size: 100px; font-style: italic; /*设置字体倾斜*/ font