![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发小知识集锦
文章平均质量分 68
DesertOrchid
这个作者很懒,什么都没留下…
展开
-
使用CSS美化网页
CSS(Cascading Style Sheet=层叠样式表),用于控制网页元素样式显示的标记性语言,可以将网页结构和样式进行分离。主要负责网页的美化,HMTL负责网页的结构设计。CSS的基本语法CSS样式规则=选择器+声明选择器(样式名称):①自定义类:所有类样式均以“.”开头,可以将属性及样式应用于任何文本或文本块。例如,“.green”的类样式;②HTML标签:可以对特定标...原创 2019-12-03 09:49:21 · 832 阅读 · 0 评论 -
DIV+CSS网页布局
CSS盒子模型Margin-right/left/top/bottom:当两个块级元素外边距都设置的时候,相邻的外边距不是叠加关系。而是采用谁大用谁,这种现象叫做“塌陷”。标准流和div标记标准流:网页默认的自然排列布局方式,即CSS规定的默认块级元素和行内元素排列方式。网页元素=块级元素+行内元素块级元素:h1-h6、p、div①占据一定矩形区域;②同级兄弟块依次...原创 2019-12-01 19:58:34 · 961 阅读 · 0 评论 -
网页布局概论
Auto可以根据浏览器的宽度自动的设置两边的外边距。如果想要页面居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。浮动布局:CSS中规定的第二种定位机制。能够实现横向多列布局,通过设置float属性实现。foat属性:left- -左浮动、right- -右浮动、none- -不浮动特点:元素会左移或右移,直到碰到容器为止。设置了浮动的元素,仍处于标准文档原创 2017-04-07 09:37:46 · 355 阅读 · 0 评论 -
DOM事件初识
事件是文档/窗口中发生的,特定的交互瞬间。1.事件流;事件流:描述的是从页面中接受事件的顺序。事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播至最不具体的那个节点(文档)。事件捕获:不太具体的节点应该更早接受到事件,而最具体的节点最后接受到事件。2.事件处理程序; 1.HTML事件处理程序:缺点为HTML和JS代码紧密的耦合在一起原创 2017-04-07 15:28:51 · 358 阅读 · 0 评论 -
CSS网页布局初识
布局(版式布局):是网页UI设计师将有限的视觉元素进行有机的排列组合。网页设计的特点:1.网页可以自适应宽度;2.网页的长度理论上没有限制。分栏又称分列,常见的布局分为:一列布局、二列布局、三列布局及混合布局。流动布局 浮动布局 绝对定位布局W3C标准:有万维网联盟制定的一系列标准,包括:1.结构化标准语言(HTML和XML);2.表现标准语言(CSS);3.行为标准语言(DO原创 2017-03-31 16:57:36 · 454 阅读 · 0 评论