1、w3c标准
万维网联盟(外语缩写:w3c)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(structure)、表现(presentation)和行为(behavior)。万维网联盟创建于1994年,是web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,w3c已发布了200多项影响深远的web技术标准及实施指南。
规范是一种态度
2、页面布局
2.1 布局元素
position定位:
display属性:
float浮动:
就像写作一样,文档流从上到下、从左到右排列元素。float 浮动(清除浮动下置div 属性clear:both)和绝对定位(position:absolute或position: fixed)会脱离文档流。不占用文档空间。
如下图,
通常情况下横向排列用float,相对元素固定位置用position:relative和position: absolute;悬浮于窗口图标用position:fixed。这样就愉快的完成页面的布局啦
2.2 元素的盒模型
盒模型油里到外分为 元素的width 和height区 、
padding(内边距)区域,padding:上 右 下 左
border (边界), border:1px solid #ccc;
margin(外边距)区域,margin:上 右 下 左
布局元素结合margin and padding,就能够布出间距适中的页面咯
如对本文有疑问,
点击进行留言回复!!
您可能感兴趣的文章:
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论