2020年11月30日
《网页布局基础篇》—绝对定位布局
摘要： 绝对定位布局 通过设置position属性实现，能够实现横向多列布局及较为复杂的定位 拥有3种定位形式： 静态定位 相对定位 绝对定位 可设置4个属性值： static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 absolute和fixed都属于绝对定位 阅读全文
posted @ 2020-11-30 17:42 tomingto 阅读(871) 评论(0) 推荐(0)
《网页布局基础篇》------自动居中-列布局
摘要： 1.CSS中的定位机制： 标准文档流 浮动 绝对定位 2.标准文档流 特点： 1）.从上到下，从左到右，输出文档内容 2）.由块级元素和行级元素组成 3.块级元素 特点： 1）.从左到右撑满页面，独占一行 2）.触碰到页面边缘时，会自动换行 常见块级元素即块级标签，如 div,ul,li,dl,dt 阅读全文
posted @ 2020-11-30 17:40 tomingto 阅读(215) 评论(0) 推荐(0)
《网页布局基础篇》—浮动布局和float属性
摘要： 浮动布局 <html> <head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> .box1{ height:50px; background-color:red; } .box2{ height:50px; ba 阅读全文
posted @ 2020-11-30 17:38 tomingto 阅读(261) 评论(0) 推荐(0)
《网页布局基础篇》—横向两列布局
摘要： 主要应用属性： 1. float属性—–使纵向排列的块级元素，横向排列 2. margin属性—–设置两列之间的间距 先写出布局所需要的块： <html> <head> <meta charset="utf-8"> <title>横向两列布局</title> <style type="text/cs 阅读全文
posted @ 2020-11-30 17:37 tomingto 阅读(727) 评论(0) 推荐(0)
《网页布局基础篇》HTML+CSS单列布局--水平居中，垂直居中，水平垂直居中
摘要： https://blog.csdn.net/panlu666_pl/article/details/66480433 一、水平居中 子元素在父元素中水平居中 1.使用 text-align和inline-block 实现 .parent{ text-align:center; } .child{ d 阅读全文
posted @ 2020-11-30 17:30 tomingto 阅读(475) 评论(0) 推荐(0)