精灵图,滑动门,宽高自适应,伪元素 发表于 2019-05-18 | 分类于 HTML 一、精灵图(图片整合)图片整合的优势:1.通过图片整合来减少对服务器的请求次数,从而提高页面的加载速度。 2.通过整合图片来减小图片的体积。 原理:将导航背景图片、按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用 ... 阅读全文 »
定位 发表于 2019-05-18 | 分类于 HTML 一、定位 position position:static; 静态定位(默认标准流定位)无法设置left、right、top、bottom值 position:relative; 相对定位(1)相对于自己本身所在的位置进行移动定位 (2)配合left、right、top、bottom ... 阅读全文 »
盒子模型 发表于 2019-05-18 (一)盒模型 1.盒模型=内容content+内填充padding+边框border+外间距margin 2.width、height 不是指盒子的大小,而是内容contnt的大小 做页面的时候,一开始测量的是盒子的大小,但我们会直接设置成width、height ... 阅读全文 »
文本、列表、边框、背景、浮动 发表于 2019-05-18 | 分类于 HTML (一)字体属性 font1.字体大小 font-size 默认字体大小为16px 最小的字体读大小为12px 9pt=12px 12pt=16px ... 阅读全文 »
02.CSS基本语法 发表于 2019-05-18 | 分类于 HTML 标签总结1.div 没有语义的盒子,块级元素的代表. 特点:(1) 默认宽度占据一整行 (2) 可以设置宽高 块级元素: div h1-h6 p hr form 列表元素 body 大部 ... 阅读全文 »
html简介 发表于 2019-05-18 | 分类于 HTML html简介 HTML 指的是超文本标记语言 (Hyper Text Markup Language) XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)。 Web标准,W3C,WHATWG,ECMA W3C制定的结构和表 ... 阅读全文 »