1)CSS 标准盒子模型(Box Model)
在网页中所有HTML元素可以看作盒子,在CSS中,"box model"术语是用来设计和布局时使用的;CSS盒模型本质上是一个盒子,封装周围的HTML元素包括:外边距(margin)边框(border)内边距(padding)实际内容(content)四个属性,所以布局时每个元素所占的总宽高是这4个属性的总和;比如宽度:
2024年10月20日
1)CSS 标准盒子模型(Box Model)
在网页中所有HTML元素可以看作盒子,在CSS中,"box model"术语是用来设计和布局时使用的;CSS盒模型本质上是一个盒子,封装周围的HTML元素包括:外边距(margin)边框(border)内边距(padding)实际内容(content)四个属性,所以布局时每个元素所占的总宽高是这4个属性的总和;比如宽度:
2024年10月20日
1、 利用meta标签
Meta标签主要用来描述一个HTML网页文档的属性，如作者、日期时间、网页描述、关键词、页面刷新等，它的Description和Keywords属性，可加入网站的关键字，让网页利于搜索引擎。
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
2024年10月20日
一开始做这个效果的时候，我用的是图层的方法来控制的，写起来很麻烦。而且到后面的效果也不是很合适，换分辨率小的电脑，中间的内容就会盖到左边的图片上面。用了中间自适应的话就可以避免这个问题啦。
下面举个例子和附上代码简单介绍这个方法，这个布局实现的原理主要是使用float来实现左右环绕，中间的容器设置overflow：hidden来防止容器塌陷，浮动经常会造成一些塌陷问题，所以需要清除浮动，这样设置可以使中间自适应然后左右对齐。
代码如下：
<!DOCTYPE html>
2024年10月20日
div和span元素没有特定的语义，都是用来帮助页面排版的块元素。
div&&span标签
div：块级元素，可定义文档中的分区或分节，用来为HTML文档内大块的内容提供结构和背景。通过在页面中放置多个div并定义好位置及大小等属性，可以达到给网页布局的效果。
特点：独占一行。
span：行内元素，主要使用场合是与css一同使用，为部分文本设置样式属性。
2024年10月20日
HTML中的span标记和div标记
在使用css排版网页时，span和div常用的两个的标记。利用这个两个标记，加上css样式控制，可以实现很复杂的网页效果，下面为大家详细讲解一下他们区别和使用。
span和div概念区别和相似点
div标记是html3.0时提出来的，但是不常用，直到css的出现才慢慢变得应用广泛起来。HTML4.0以后span才被引入，主要针对样式表设计的。div与之间可以理解成一个容器，这个容器可以放段落、标题、图片等各种HTML元素。div与之前的内容可看做一个独立内容的对象，对于css的控制。先需要对div控制，再对div中各标记的元素再进行控制。
2024年10月20日
CSS3发布了许多新特性，最好用的莫过于box-sizing了。对于一个非前端方向的程序猿，CSS2的盒子模型简直就是一坨屎，永远都无法理解div的宽度和高度为什么没有包括边框、padding、margin，这么反人类的设计是怎么搞出来的。
在CSS3中box-sizing终于纠正了这个错误：
box-sizing： content-box | border-box | inherit； 参数： content-box：css2中的邪恶盒子模型； border-box：内边距、边框宽度都向内计算； inherit: 继承父元素box-sizing；
2024年10月20日
在响应式布局逐渐成为主流的今天，网页或者app的流式布局已经不算是一个新鲜的词汇了。今天我要讲的一个内容也是跟页面流式布局有关，如何让你的网页实现完美的缩放？
我们可以很快速的写出一个响应式布局的页面，首先看一下效果图。
网页布局
其中html部分的代码如下：
2024年10月20日
这篇文章，小海老师带领大家一同做一个利用CSS技术实现的导航栏。通过这个导航栏的制作，希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识，并能够达到灵活运用的程度。
承接文章：灵活控制块级元素在一行内显示，CSS
2024年10月20日
假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。
2024年10月20日
当父div的行高等于自身高度时，内部的行内元素会上下居中显示。行内块没有固定高度时也会上下居中显示。所以需要对父div的 line-height 进行调整。利用定位属性（top、left、right、bottom）百分比的模式。若为100%，则代表偏移的长度为父div的高度（宽度）的100%。定位属性top和bottom（或是left和right）值分别设置为0，但子div有固定高度（宽度），并不能达到上下（左右）间距为0，此时给子div设置 margin:auto 会使它居中显示。