css :cascading Style sheets 层叠样式表 是用于控制页面布局和样式的 css好处:功能强大,将html页面和样式进行分离 降低耦合度,开发效率更高 css和htnl使用 1内联样式<div style = "color="red"></div> //不推荐 2内部样式 -- ...
分类：
Web程序 时间：
2019-11-17 12:21:33
阅读次数：
86
多列布局 基本概念 1、多列布局类似报纸或杂志中的排版方式，上要用以控制大篇幅文本。 2、跨列属性可以控制横跨列的数量 /*列数*/ -webkit-column-count: 3; /*分割线*/ -webkit-column-rule: dashed red; /*列间距*/ -webkit-c ...
分类：
其他好文 时间：
2019-11-16 21:42:30
阅读次数：
107
本人第一次接触重绘和回流也是在一次刷题的时候,那么我就讲一下我对重绘和回流的理解吧 了解浏览器渲染过程 1.根据html元素,生成DOM tree 2.根据css样式表,生成style rules 3.两者结合生成render tree 4.根据位置信息大小等信息,生成layout(回流) 5.根据 ...
分类：
其他好文 时间：
2019-11-16 21:23:18
阅读次数：
75
博客为何而来：今天遇到一个问题：标签.类名的权重是多少？这个我也不是很清楚，本来想走捷径：问问别人，百度一下啊……问了一个同学，他开口直接说是20；我问为毛是20，他说标签名10,类名是10，共计20。在我指出标签名权重是1后，他也觉得自己说错了。我百度了一下，也没有得到什么结果。觉得自己的验证过程 ...
分类：
其他好文 时间：
2019-11-15 22:19:26
阅读次数：
139
JS动画原理 通过CSS缓慢变化从而实现动画效果 获取css属性 Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行 ...
分类：
编程语言 时间：
2019-11-14 11:23:07
阅读次数：
80
不同的浏览器对标签的默认值不同，为了避免页面出现浏览器差异，所以要初始化样式表属性。使用通配符*并不可取，因为会遍历到每一个标签，大型网页会加载过慢，影响性能。 雅虎工程师提供的CSS初始化示例代码： body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, ...
分类：
Web程序 时间：
2019-11-14 09:40:10
阅读次数：
101
[toc] CSS 层叠样式表 Cascading Style Sheet 注释 单行注释 多行注释 CSS的语法结构 选择器 {属性1: 属性值1} CSS的三种使用方式 通过link标签映入外部CSS文件 `` 直接在head内通过style标签写CSS代码 行内式 , 通过在body内的标签内 ...
分类：
Web程序 时间：
2019-11-13 22:22:10
阅读次数：
129
[toc] css: 层叠样式 ：定义如何显示HTNL元素 当浏览器读到一个样式表，就会按照样式表来对文档进行格式化（渲染） css 语法结构： 选择器和声明 ： 声明包括{属性 1：属性值1；属性：属性值；} css注释： css样式引入方法： css选择器： 一，基本选择器： 注意： 样式类名不 ...
分类：
Web程序 时间：
2019-11-13 19:25:31
阅读次数：
97
文字阴影是可以叠加的。最基本可以给出四个值，用法如下： text-shadow：x y blur color 文字阴影的参数说明如表1所示。 表1 CSS3文字阴影参数说明 横向偏移量和纵向偏移量可以为负值，代表文字阴影向左偏移或向上偏移。文字阴影是可以叠加的，但是加很多层，会影响页面加载速度。添加 ...
分类：
Web程序 时间：
2019-11-12 09:33:44
阅读次数：
118
