Html5和css
html5技术和css技术
北冥燕
素寅冻窗传宵柝,冷面清弦睹寒砚
展开
-
弹性布局
1.页面布局概述 网页布局方式有很多,各有各的特点: 1.传统的 DIV+CSS+float(浮动) 布局方式,适用于PC端。 2.自适应布局方式,要开发多套页面,服务器根据不同的客户端返回不同的页面。 3.响应式布局方式,开发一套页面,根据媒体查询返回的结果,跳转布局以适用不同的客户端。 4.多列布局方式,类似报纸排版的样式。 5.弹性布局,适用与PC端与移动端。 … … 注意:本课程中只讲解弹性布局! 2.弹性布局(弹性盒子) 一个元素的display属性值设置为flex,那么这个元素中的子元素,就会遵原创 2020-12-24 22:15:01 · 521 阅读 · 1 评论 -
元素定位
1.元素定位 为了实现网页整体布局,我们先要知道,一个元素,是如何定位到页面上的某个位置的,这就是元素定位。 元素定位有四种,可以使用position样式来设置元素定位,所以此属性值有四种: static:静态定位(默认)。依据文档流定位。 relative:相对定位。以自身为基准,设置坐标(left、top、right、bottom),不脱离文档流。 absolute:绝对定位。以父元素为基准,设置坐标(left、top、right、bottom),脱离文档流。 fixed:固定定位。以浏览器窗口为基准原创 2020-12-24 22:02:47 · 1196 阅读 · 0 评论