
CSS
木青青i
一个专业的菜鸡前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS-浮动(float)
学习浮动,首先了解DOM流(普通流) DOM流(普通流)定义: 除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML中的位置决定。 DOM流中块级元素即使给定宽度,同级的元素依旧会另起一行。以3个div盒子为例。 index.html <!DOCTYPE html> <html> <head> &原创 2018-12-22 01:40:55 · 196 阅读 · 0 评论 -
CSS-结构浮动及盒模型简单练习
在上一篇博客中,我简单介绍了一下浮动和清除浮动的使用,这次以一张网页设计图(图片来源于网络)为模板来练习一下。 当然作为新手,我们要从简单的开始,以覆盖色块(使用Photoshop添加纯色图层)的形式,我将这张设计图做成了一张色块图。 开始之前,我们需要先测量一些即将使用到的数据,这里推荐使用PxCook(像素大厨),一个高效易用的自动标注工具。工具栏中的距离标注、区域标注及颜色标注等可以帮助我们...原创 2019-01-19 11:51:14 · 532 阅读 · 0 评论 -
CSS-float简单练习
float嵌套 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>float嵌套</title> <link rel="stylesheet" href="css/nav.css"> </head> <body...原创 2019-07-26 10:57:47 · 332 阅读 · 0 评论