文章分类 - CSS
摘要：https://www.cnblogs.com/xiaohuochai/p/5874447.html 深入理解javascript中的焦点管理 前面的话 焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦
阅读全文
摘要：渐变 CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 background:-webkit- linear - gradient(渐变的起始位置，起始颜色，结束颜色)； background:-webkit - linear -gradient(渐变的起始位置
阅读全文
摘要：格式化上下文指的是初始化元素定义的环境。包含两个要点，一个是元素定义的环境，一个是初始化。 在 CSS 中，元素定义的环境有两种，一种是块格式化上下文( Block formatting context )，另一种是行内格式化上下文( Inline formatting context )。 这两种
阅读全文
摘要：都是网上收集的资料，非原创。仅供自己学习做笔记用的，发原创只是为了分享自己的笔记，侵权就删 transform 2D与3D属性 translate方法将文字或者图像在水平方向和垂直方向上分别垂直移动 translate（x,y）,水平方向，垂直方向同时移动。translateX（x）水平移动，tra
阅读全文
摘要：@font-face 此属性的作用可以引入网络字体，如果不使用此属性，那么只能够使用本机已经安装的字体。 @font-face是css3新增的一个模块，其实在上世纪90年代，从IE4浏览器就开始支持，不过仅限于IE浏览器。 但是由于一些支持和效果上的原因，在css2.1中就删除了此属性；后来CSS3
阅读全文
摘要：CSS3之前，制作动画效果没有太好的捷径，基本要借助JavaScript。 不但代码量较大，性能也不够优良，CSS3的出现使得制作动画效果更为简单且性能更好。 当前，animation与transition属性可以实现动画效果，更为准确的说，transition属性实现的是"过渡 两个属性的命名与其
阅读全文
摘要：transition过渡 CSS3之前，如果要平滑的改变元素。而不是一下就变。就要用到过渡的CSS属性值，例如width从100px修改为200px，通常要借助于JavaScript。 transition属性则可以轻松的实现CSS属性值平滑过渡效果，下面通过代码实例介绍一下它的基本用法。 tran
阅读全文
摘要：定位 三种定位 fixed固定定位，定位于浏览器。固定定位脱标 IE6不兼容。 absolute绝对定位，是脱离标准文档流的。所以，所有的标准文档流的性质，绝对定位之后都不遵守了。绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block;就可以设置宽、高了 relati
阅读全文
摘要：浮动 浮动知识 "position:absolute" 和 "position:fixed" 优先级最高，有它存在的时候，浮动不起作用 浮动的初衷 是为了文字环绕效果，浮动后续元素如果是块级元素，会忽略浮动元素，占据浮动元素位置，在浮动元素下层，被浮动元素遮蔽。但是它的内部文字，和其他行内元素会围绕
阅读全文
摘要：语法类的书写规范 1.为选择器进行分组的时候，将单独的选择器单独放在一行2.为了提高代码的易读性，在每一个声明块的左花括号添加一个空格3.声明的右花括号单独成一行4.每一条的声明语句的‘：’后面插入一个空格5.为了获得更准确的错误报告，每条声明都应该独占一行。6.所有声明语句都应当以分号结尾。7.对
阅读全文
摘要：都是网上收集的资料，非原创。仅供自己学习做笔记用的，只是为了分享自己的笔记，侵权就删 现在的互联网前端三层： HTML 超文本标记语言 从语义的角度描述页面结构。 CSS 层叠式样式表 从审美的角度负责页面样式。 JS JavaScript 从交互的角度描述页面行为。 css 浏览器默认样式 一句话
阅读全文
摘要：如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 基础知识 css3新增了很多选择器 属性选择器 1、E[attr] 表示存在attr属性即可； 2、E[attr=val] 表示属性值完
阅读全文
摘要：都是网上收集的资料，非原创。仅供自己学习做笔记用的，只是为了分享自己的笔记，侵权就删 盒子模型 结构 为了给文档树中的各个元素排版定位（布局），浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框， 分别称作 content box、padding box、border box 和 margin bo
阅读全文
摘要：CSS3 边界图片 有了 CSS3 的 border-image 属性，你可以使用图像创建一个边框： border-image 属性允许你指定一个图片作为边框！ 用于创建上文边框的原始图像： 在 div 中使用图片创建边框: 实例 在 div 中使用图片创建边框 div { border-image
阅读全文
摘要：box-shadow box-shadow属性理解和应用起来稍稍有一点难度，只要切入点得当，还是比较容易掌握的。 属性的命名必然和其功能有内在联系，从名称进行理解，box-shadow可以分拆为两个单词： （1）.box：盒容器，例如div或者p创建的容器盒子。 （2）.shadow：影子，这里更准
阅读全文
摘要：伪类 同一个标签，根据用户的某种状态不同，有不同的样式。这就叫做“伪类，伪类分为UI伪类和结构化伪类。 UI伪类 CSS中已经定义好的选择器,不能随便取名 UI伪类都比较简单常用 :link 表示， 用户没有点击过这个链接的样式。 是英语“链接”的意思。 :visited 表示， 用户访问过了这
阅读全文
摘要：BFC 块级格式化上下文，Block Formatting Context，也就是常说的BFC，它是Web页面的可视化CSS渲染区域的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 BFC的布局规则如下： 1、内部的盒子会在垂直方向，一个一个地放置2、BFC是页面上的
阅读全文
摘要：location.href的用法 https://www.cnblogs.com/shuilangyizu/p/6604646.html 一：提出问题 location.href 指的是某window对象的URL地址 但是在js中关于location.href的用法究竟有哪几种，究竟有哪些区别，估计
阅读全文
浙公网安备 33010602011771号