1. display和visiblity 对于 CSS 里的 visibility 属性，通常其值被设置成 visible 或 hidden。 visibility: hidden 相当于 display:none，能把元素隐藏起来，但两者的区别在于： 1、display:none 元素不再占用空间 ...
分类：
Web程序 时间：
2020-07-08 11:45:58
阅读次数：
83
还在上大学那会儿，我就喜欢玩 Photoshop。后来写网页的时候，由于自己太菜，好多花里胡哨的效果都得借助 Photoshop 实现，当时就特别希望 CSS 能像 Photoshop 一样处理图片。 随着对 CSS 的了解越多，我发现 CSS 有很多平时用得少（或者不会用），但非常厉害的属性。这些 ...
分类：
Web程序 时间：
2020-07-08 01:45:58
阅读次数：
121
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流（给动画元素做单独定位） 避免使用table布局（会引起多次重绘） 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务，减少页面重新布局 使用viewpoint设置屏幕缩 ...
分类：
其他好文 时间：
2020-07-08 01:39:47
阅读次数：
91
animation动画使用 图片上下循环跳转 html代码： <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码： @keyframes icon{ 0%{ opacity: 0.8; t ...
分类：
Web程序 时间：
2020-07-07 22:11:21
阅读次数：
159
[CSS 中文开发手册宽度 | @viewport.width (Device Adaptation) - CSS 中文开发手册widthCSS描述符是用于设定两个最小宽度和视口的最大宽度的简写。通过提供一个视口长度值，该值将确定所提供的值的最小宽度和最大宽度。如果提供两个视口值，则第一个值将设置为... ...
分类：
Web程序 时间：
2020-07-07 22:09:39
阅读次数：
87
/* 一般而言，CSS的声明语句非常简单。 */ 选择器 { 属性: 值; /* 更多属性...*/ } /* 你可以通过类名来指定它 */ .some-class { } /* 给出所有类名 */ .some-class.class2 { } /* 标签名 */ div { } /* id */ ...
分类：
Web程序 时间：
2020-07-07 17:32:41
阅读次数：
68
我们在用CSS修饰页面样式的时候，浮动是非常普遍的，所以清除浮动也会经常的，清除浮动的方法不少，但是唯爱伪元素清除浮动这个方法，为了减少冗余的代码，专业的写法如下：.clearfix:after{ content:""; display:block; clear:both; height:0; vi... ...
分类：
Web程序 时间：
2020-07-07 17:23:45
阅读次数：
74
http://lesscss.cn/ Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 ...
分类：
其他好文 时间：
2020-07-07 15:59:21
阅读次数：
121
l浏览器解析css的两种模式：标准模式和怪异模式 标准模式：浏览器按W3C的标准解析助兴代码； 怪异模式：使用浏览器自身的方式解析执行代码，不同的浏览器解析执行的方式不一样，所以称之为怪异模式。 DTD声明定义了标准文档的类型(标准模式解析文档类型)，忽略DTD将使网页进入怪异模式 怪异模式区别： ...
分类：
其他好文 时间：
2020-07-07 15:17:03
阅读次数：
56
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style1.css" /> <style type="text/css"> .box{ widt ...
分类：
其他好文 时间：
2020-07-07 13:28:28
阅读次数：
70
