慕课网学习笔记
关注
分享
扫一扫
文章平均质量分 79
panlu666_pl
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
慕课网学习笔记----《网页布局基础》—绝对定位布局
绝对定位布局通过设置position属性实现，能够实现横向多列布局及较为复杂的定位拥有3种定位形式： 静态定位 相对定位 绝对定位 可设置4个属性值： static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 absolute和fixed都属于绝对定位形式静态定位是元素没有设置position定原创 2017-03-27 13:53:37 · 515 阅读 · 0 评论 -
慕课网学习笔记----《网页布局基础》------自动居中-列布局
慕课网学习笔记《网页布局基础》自动居中-列布局1.CSS中的定位机制： 标准文档流 浮动 绝对定位2.标准文档流 特点： 1）.从上到下，从左到右，输出文档内容 2）.由块级元素和行级元素组成3.块级元素 特点： 1）.从左到右撑满页面，独占一行 2）原创 2017-03-24 21:14:51 · 423 阅读 · 0 评论 -
慕课网学习笔记----《网页布局基础》—浮动布局和float属性
浮动布局<html><head> <meta charset="utf-8"> <title>浮动</title> <style type="text/css"> .box1{ height:50px; background-color:red; } .box2{原创 2017-03-25 18:08:57 · 461 阅读 · 0 评论 -
慕课网学习笔记----《网页布局基础》—横向两列布局
主要应用属性： 1. float属性—–使纵向排列的块级元素，横向排列 2. margin属性—–设置两列之间的间距先写出布局所需要的块：<html><head><meta charset="utf-8"><title>横向两列布局</title><style type="text/css"> *{ margin:0; padding:0;原创 2017-03-25 22:28:44 · 515 阅读 · 0 评论 -
慕课手记----HTML+CSS单列布局--水平居中，垂直居中，水平垂直居中
一、水平居中子元素在父元素中水平居中1.使用 text-align和inline-block 实现.parent{ text-align:center; }.child{ display:inline-block; }2.使用margin:0 auto来实现.child{ width:720px; /*某具体值或百分比*/原创 2017-04-02 13:57:07 · 351 阅读 · 0 评论