DesertOrchid的博客

CSS(Cascading Style Sheet=层叠样式表)，用于控制网页元素样式显示的标记性语言，可以将网页结构和样式进行分离。主要负责网页的美化，HMTL负责网页的结构设计。 CSS的基本语法 CSS样式规则=选择器+声明 选择器(样式名称)： ①自定义类：所有类样式均以“.”开头，可以将属性及样式应用于任何文本或文本块。例如，“.green”的类样式； ②HTML标签：可以对特定标...

CSS盒子模型 Margin-right/left/top/bottom:当两个块级元素外边距都设置的时候，相邻的外边距不是叠加关系。而是采用谁大用谁，这种现象叫做“塌陷”。 标准流和div标记 标准流：网页默认的自然排列布局方式，即CSS规定的默认块级元素和行内元素排列方式。 网页元素=块级元素+行内元素 块级元素：h1-h6、p、div ①占据一定矩形区域； ②同级兄弟块依次...

Auto可以根据浏览器的宽度自动的设置两边的外边距。如果想要页面居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。 浮动布局：CSS中规定的第二种定位机制。能够实现横向多列布局，通过设置float属性实现。 foat属性：left- -左浮动、right- -右浮动、none- -不浮动 特点：元素会左移或右移，直到碰到容器为止。设置了浮动的元素，仍处于标准文档

事件是文档/窗口中发生的，特定的交互瞬间。 1.事件流； 事件流：描述的是从页面中接受事件的顺序。 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播至最不具体的那个节点（文档）。 事件捕获：不太具体的节点应该更早接受到事件，而最具体的节点最后接受到事件。 2.事件处理程序；   1.HTML事件处理程序：缺点为HTML和JS代码紧密的耦合在一起

布局（版式布局）：是网页UI设计师将有限的视觉元素进行有机的排列组合。 网页设计的特点：1.网页可以自适应宽度；2.网页的长度理论上没有限制。 分栏又称分列，常见的布局分为：一列布局、二列布局、三列布局及混合布局。 流动布局  浮动布局  绝对定位布局 W3C标准：有万维网联盟制定的一系列标准，包括：1.结构化标准语言（HTML和XML）；2.表现标准语言（CSS）；3.行为标准语言（DO