全栈知识第476页

css性能优化总结

整理一下css优化相关的知识，以后看到后会慢慢补充。主要从以下三个方面进行总结：1、减少加载页面时候的数据传输量。2、提高页面渲染速度。3、css代码的可维护性。一、减少加载页面时候的数据传输量为了减少数据传输量，主要是减少css代码的...

一、标准流布局 1.标准流布局标签在没有布局相关的属性的时候，默认的布局方式就是标准流布局。a.块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效。h1~h6、p、div、列表相关…b.行内标签：一行可以显示多...

行高的测量行高我们利用最多的一个地方是：可以让一行文本在盒子中垂直居中对齐。做法就是：文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。总结：上距离和下距离总是相等的，因此文字看上去是垂直居中的。如...

父级容器的宽度一定，要实现子元素等比例完美均分父级宽度，实现方式有哪些？ html部分代码：方法一：浮动布局+百分比（将子元素依次左浮动，根据子元素的个数，设定每个子元素的宽度百分比）方法二：行内元素（inline-block）+百...

单行文本 overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行文本 overflow: hidden;text-overflow: ellipsis;display...

渐变？：背景色在多个颜色之间平稳过渡线性渐变:从一个方向到另一个方向到另一个方向的颜色的变化线性渐变如图所示：标准模式的语法（不添加浏览器前缀）： background:linear-gradient(direction,color-...

css文本属性示例 <!DOCTYPE html><html><head><meta charset=\"utf-8\"><title></title><styl...

什么是CSS? CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表1.用于HTML文档中元素样式的定义实现了将内容与表现分离提高代码的可重用性和可维护性2.文件后缀是.css CSS与HTML之间的...

块级元素(block) 常见的块元素有 <h1>~<h6> 、 <p> 、 <div> 、 <ul> 、 <ol> 、 <li> 等，其中 <div&...

自定义浏览器鼠标样式： cursor:url(http://localhost/d2/matches.cur),url(http://localhost/d2/matches.cur),n-resize;,url(http://...