沙漠中的绿洲2019

[置顶] 轻轻松松学CSS:Grid布局

摘要：网页布局总的来说经历了以下四个阶段： 1、古老的table表格布局，现在基本已被淘汰。 2、float浮动布局（或者position定位布局），借助float、position 等属性等进行布局，这种方法很成熟，兼容性非常好，现在使用的比较多，但比较繁琐。 3、flex弹性布局，革命性的突破，解决传阅读全文

posted @ 2020-10-11 16:00 沙漠中的绿洲2019 阅读(214) 评论(2) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:Flex布局

摘要： Flex布局就是“弹性布局”，它可以简便、完整、响应式地实现各种页面布局。引入弹性布局的目的，当页面需要适应不同的屏幕大小确保元素拥有恰当的布局方式，对一个容器中的子元素进行排列、对齐和分配空间。弹性容器（Flex container）通过设置display属性的值为flex，包含多个弹性子元素( 阅读全文

posted @ 2020-10-05 15:52 沙漠中的绿洲2019 阅读(315) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:overflow

摘要：一、overflow的定义 overflow,音【əʊvəˈfləʊ】，义【溢出】，就像2.2米的人躺在1.8米的床上，腿得耷拉到床外一样。overflow 属性用于控制内容溢出容器时显示的方式二、overflow的属性值【1】visible，默认值（确切地说是绝大数元素的默认值，html、te 阅读全文

posted @ 2020-09-24 12:13 沙漠中的绿洲2019 阅读(806) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:媒体查询

摘要：轻轻松松学CSS:利用媒体查询创建响应式布局媒体查询，针对不同的媒体类型定制不同的样式规则。在网站开发中，可以创建响应式布局。一、初步认识媒体查询在响应式布局中的应用下面实例在屏幕可视窗口尺寸大于 480 像素时将菜单浮动到页面左侧 1 <!DOCTYPE html> 2 <html> 3 < 阅读全文

posted @ 2020-09-07 10:46 沙漠中的绿洲2019 阅读(279) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:盒子模型(Box Model)

摘要：所有HTML元素都可以看成盒子，在CSS中，"box model"这一术语是用来设计和布局的。盒子模型包括：1、margin，外边距2、border，边框3、padding，内边距4、content，内容标准盒模型是大多数浏览器采用的W3C标准模型 box-sizing:content-box; 阅读全文

posted @ 2020-09-04 14:45 沙漠中的绿洲2019 阅读(413) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:background

摘要： background是复合属性，它可以分解为8个属性，其中5个属于CSS，另外3个属于CSS3一、CSS 1、background-color:背景色 2、background-image:背景图像例如：background-image: url(bgimage.gif);，当然也可以是这样 ba 阅读全文

posted @ 2020-09-03 16:43 沙漠中的绿洲2019 阅读(279) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:float

摘要： float属性，会使元素向左或向右移动，其周围的元素也会重新排列。float不仅自己飘忽不定，还对周围元素有影响，这种影响力不容小觑。他捉摸不定（浮动规律不好把握），他干涉他国内政（对周围元素有影响），这些特点就像今天的美国总统特朗普（别名“特不靠谱”）。学习float就得了解它的前世今生，它的本质阅读全文

posted @ 2020-09-01 16:43 沙漠中的绿洲2019 阅读(361) 评论(0) 推荐(0) 编辑

[置顶] 轻轻松松学CSS:position

摘要： position属性表示元素的定位类型，在CSS布局中，position发挥着非常重要的作用，一些元素的布局就是用position完成的，鉴于此，本文结合一些小实例详细讲解一下。 position属性在通常情况下有4个可选值，分别是：static、fixed、relative、absolute。（还阅读全文

posted @ 2020-08-14 17:38 沙漠中的绿洲2019 阅读(533) 评论(0) 推荐(0) 编辑

导航