CSS：页面美化和布局控制 一、CSS的使用：CSS与html结合使用方式 1.内联样式 * 在标签内使用style属性指定css代码，如： <div style="color:red;">hello css</div> 2.内部样式 * 在head标签内，定义style标签，style标签的标签体 ...
分类：
Web程序 时间：
2020-06-13 00:56:47
阅读次数：
137
css谷歌涉猎器css Chrome css safari涉猎器辨认CSS hack 咱们知道和会运用CSS IE火狐阅读器之间的判别DIV + CSS HACK，这里为大家再引见下区分谷歌浏览器（Chrome）苹果涉猎器（safari）与IE之间的hack; 只有webkit焦点涉猎者的谷歌涉猎器 ...
分类：
Web程序 时间：
2020-06-11 16:22:20
阅读次数：
95
简评：CSS 网格模块是创建网站模型的绝佳工具。它是我尝试过的任何其他系统中最快让你体验布局的工具。 我们的网格 我们将从模仿一个经典网站的非常基本的网格开始： 首先，我将解释我们需要的 HTML 和 CSS 代码，我将之分为 4 个部分。一旦你弄明白了，我们将继续布局试验。 如果你对 CSS 网格 ...
分类：
Web程序 时间：
2020-06-10 17:16:19
阅读次数：
60
#### 1. 浏览器渲染机制 - 浏览器采用流式布局模型（`Flow Based Layout`） - 浏览器会把`HTML`解析成`DOM Tree`，解析`css`构建`render`树（将css代码解析成树形的数据结构，然后结合DOM合并成render树） - 有了`RenderTree`， ...
分类：
其他好文 时间：
2020-06-08 16:10:30
阅读次数：
73
CSS核心基础 CSS样式规则 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} CSS代码结构中的特点 CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。 多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分 ...
分类：
Web程序 时间：
2020-06-06 23:27:19
阅读次数：
99
css样式中有很多简写方式，比如：设置背景，字体，边框，盒子等。我们都可以把css代码合并为一行，这篇文章将总结有哪些属性支持css简写。 1、背景background属性 background-color:#F00; background-image:url(header_bg.gif); bac ...
分类：
Web程序 时间：
2020-06-06 16:48:08
阅读次数：
66
所需要的技术有： 1、position（定位） 首先要了解position存在的意义： 元素可以使用的顶部，底部，左侧和右侧属性定位。 然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 这里会用到的是absolute 定位，也就是绝对定位，这个绝对 ...
分类：
Web程序 时间：
2020-06-05 09:14:08
阅读次数：
85
1 表单(form)相关 1.1 输入框(input) 一个简单的输入框样式，简捷又不夸张。需要约30行的CSS代码。 演示程序 1.2 单选多选框(checkbox,radio) 浏览器内置的checkbox及radio样式效果太差，本例展示了一个简单大方的单选多选框样式。需要约25行的CSS代码 ...
分类：
Web程序 时间：
2020-06-04 20:03:53
阅读次数：
104
一、语法 1.1 注意 （1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 （2）为选择器分组时，将单独的选择器单独放在一行。 （3）为了代码的易读性，在每个声明块的左花括号前添加一个空格。 （4）声明块的右花括号应当单独成行。 （5）每条声明语句之后应该插 ...
分类：
Web程序 时间：
2020-06-04 19:54:17
阅读次数：
74
整站灰度CSS 代码 body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-fil ...
分类：
Web程序 时间：
2020-06-03 23:28:53
阅读次数：
90
