Web引领者 - 博客园

2018年10月12日

摘要：浏览器的差距默认字体16px 谷歌最小的是10px 其他的是12px 兼容问题 css3的前缀问题（详细看“兼容性问题”会讲解）属性的前缀 hack 针对不同的浏览器，去写不同的HTML和css样式，从而让各浏览器达到一致的渲染效果转移字符 &it <（小于号）的意思 &ite <=( 小于阅读全文

posted @ 2018-10-12 16:37 Web引领者阅读(131) 评论(0) 推荐(0) 编辑

2018年10月11日

标准流

摘要： index 首页网站（系统默认） span 行级元素加浮动就变成了行级块元素改变元素性质的三种方法 float position display 目的：打破标准文档流行间样式的写法 <p><style="color:green; width:49px " ></p> 每次检查代码时，屏幕上显示阅读全文

posted @ 2018-10-11 18:33 Web引领者阅读(231) 评论(0) 推荐(0) 编辑

2018年10月10日

下拉列表

摘要：外面的结构层一定要写margin：0 auto；下来菜单的实例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } ul,ol{ list-st 阅读全文

posted @ 2018-10-10 19:25 Web引领者阅读(721) 评论(0) 推荐(0) 编辑

2018年10月9日

单位

摘要： px 像素是我们排版的基本单位 em 单位：跟父级元素字体大小有关因父级元素的字体大小乘以em前面的数字（如果父级没有就继承上一个父级，直到body位置默认的16px）p{ width:20em} body为列：相当与320px rem单位：只跟根节点的字体大小有关（根节点：HTML文档类型有关阅读全文

posted @ 2018-10-09 18:56 Web引领者阅读(109) 评论(0) 推荐(0) 编辑

2018年10月8日

滚动标签

摘要：模块化结构和布局分明（一般头部和底部是固定的）结构层一些就让他独立页面一般不要出现水平滚动 overflow-x:hidden; 水平超出就隐藏 z-index 层次叠加元素重叠，谁大谁在前面父级出现position：relative 时候z-index失效层叠元素出现float时失阅读全文

posted @ 2018-10-08 18:55 Web引领者阅读(260) 评论(0) 推荐(0) 编辑

2018年9月29日

接着说一些有关排版的一些东西

摘要：排版的标准（子绝父相）列如： <body> <布局> relative <结构> absolute <布局> relative <结构> absolute </结构> absolute </布局> relative </结构> absolute </布局> relative </body> a是阅读全文

posted @ 2018-09-29 19:39 Web引领者阅读(112) 评论(0) 推荐(0) 编辑

2018年9月28日

关于处理浏览器的兼容问题

摘要： 1.　清除浮动在IE7 IE6的低版本中通过正常的方式不能解决float的问题需在后面加 *zoom：1；来清除 2.　透明度在IE8 及以下版本通过opacity 不能解决透明度的问题需在后面加 filter:alpha(opacity=50); 来解决（取值范围0-100） 3.　处理阅读全文

posted @ 2018-09-28 18:44 Web引领者阅读(402) 评论(0) 推荐(0) 编辑

关于排版的技巧

摘要：下面说一个有关border的一个属性 transparent (透明的) placeholder 文本框显示 (光标在前面) 普通的文本框显示（光标在后面） <--!--> 排版的技巧 1.搞清楚结构层次 2.保证模块化（让他们之间不能受到影响）排版时记住这两个问题 1.（元素的性质） 2.（阅读全文

posted @ 2018-09-28 18:34 Web引领者阅读(196) 评论(0) 推荐(0) 编辑

2018年9月27日

矢量图标

摘要：为什么优化服务器的性能？因为使用雪碧图后，本来需要多次请求的图片，我们一次就请求过来了，然后使用background-position调整位置减少向该页面向服务器的请求次数，简洁的优化了服务器的性能 .ico 的拓展名是图标的意思如何实现标题<title>中的小图标 <link rel="s 阅读全文

posted @ 2018-09-27 19:42 Web引领者阅读(487) 评论(0) 推荐(0) 编辑

2018年9月26日

提高背景的性能优化

摘要：之前讲到了标签 css 及排版的一些内容回顾：标签分单标签和双标签块级和行级 css称为层叠样式表选中走权重选不中走就近原则排版主要的两种方式 float absolute 标准文档流：浏览器的天生排版方式现在开始新的内容 background-position 我们html和css 阅读全文

posted @ 2018-09-26 18:57 Web引领者阅读(252) 评论(0) 推荐(0) 编辑