一、左右两列布局 1、代码如下，可先粘贴复制，自行运行 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两列布局</title><!--左边列固定，右边列自适应--> <style type="text/css"> *{ padd ...
分类：
Web程序 时间：
2020-08-20 19:23:28
阅读次数：
120
盒子模型 页面中所有元素都可以看做是一个盒子，包含“内容”、“边框”、“内边距”和“外边距”四部分。 内容区 主要有三个属性： width height overflow 当 content 中的信息太多，超出内容区所占范围时，可通过 overflow 属性来指定溢出内容的处理方式。 取值 描述 v ...
分类：
Web程序 时间：
2020-05-18 00:51:22
阅读次数：
294
一、HTML相关 前端介绍 HTML介绍 二、CSS相关 前端之CSS——CSS选择器 前端之CSS——盒子模型和浮动 前端之CSS——属性和定位 css3中@font-face模块自定义字体 CSS页面布局单位总结 三、JavaScript相关 JavaScirpt(JS)——js介绍及ECMAS ...
分类：
其他好文 时间：
2020-04-25 10:56:05
阅读次数：
62
一、绝对长度单位 绝对长度单位视借质而定，不依赖于环境（显示器、分辨率、操作系统等）。绝对长度单位相互之间是固定的，并固定在一些物理测量中。主要运用在输出环境已知的情况下。 绝对单位包括物理单位(pysical units：in, cm, mm, pt, pc, Q)和视角单位(visual ang ...
分类：
Web程序 时间：
2020-01-07 12:53:53
阅读次数：
154
1、左侧固定宽高，右侧自适应占满 style样式 2、左右固定宽高，中间自适应占满 style样式 ...
分类：
Web程序 时间：
2018-12-19 22:36:44
阅读次数：
209
css页面布局实现，内容部分自适应屏幕，当内容高度小于浏览器窗口高度时，页脚在浏览器窗口底部；当内容高度高于浏览器窗口高度时，页脚自动被撑到窗口底部。 css如下： <style type="text/css"> * { margin: 0; padding: 0; box-sizing: bord ...
分类：
Web程序 时间：
2018-10-25 15:45:06
阅读次数：
203
页面布局 1 页面组成 2 布局相关的标签 <div></div> 定义文档中的分区或节 <span></span> 这是一个行内元素，没有任何意义 <header></header> HTML5新增 定义 section 或 page 的页眉 <footer></footer> HTML5新增 定 ...
分类：
Web程序 时间：
2018-10-13 21:37:36
阅读次数：
199
CSS页面布局允许我们拾取网页中的元素，并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。主要对文档流的改变进行布局。假设你已经掌握了CSS的选择器、属性和值，并且可能对布局有一定了解可以往下看，如果没有可以先看这篇博客css解析。 css实现左右布局 css实现左右布局的方式大概 ...
分类：
Web程序 时间：
2018-07-27 21:09:09
阅读次数：
203
1、CSS页面布局，基本会被问到的我都写在下面了，当然一种布局的实现方式有n多种，了解的越多越好，flex、BFC什么的都是要掌握并且会用的。 2、px、em、rem、%、<meta> 标签、@media、viewport 这几个前端像素单位怎么用？怎么实现 webapp 移动端自适应？ webap ...
分类：
其他好文 时间：
2018-06-04 14:10:52
阅读次数：
174
css:页面布局：.分析网页布局，寻找共性标签，公共部分为页眉和背景插入模式： 1.当给定背景图片与ps不一致时采用，插入路径后加center使图片居中布置，避免后面的文本与标签定位不准。 ...
分类：
Web程序 时间：
2017-10-16 00:09:41
阅读次数：
150
