接着说一些有关排版的一些东西
摘要:排版的标准 (子绝父相) 列如: <body> <布局> relative <结构> absolute <布局> relative <结构> absolute </结构> absolute </布局> relative </结构> absolute </布局> relative </body> a是
阅读全文
posted @
2018-09-29 19:39
Web引领者
阅读(120)
推荐(0)
关于处理浏览器的兼容问题
摘要:1. 清除浮动 在IE7 IE6的低版本中通过正常的方式不能解决float的问题 需在后面加 *zoom:1;来清除 2. 透明度 在IE8 及以下版本通过opacity 不能解决透明度的问题 需在后面加 filter:alpha(opacity=50); 来解决 (取值范围0-100) 3. 处理
阅读全文
posted @
2018-09-28 18:44
Web引领者
阅读(432)
推荐(0)
关于排版的技巧
摘要:下面说一个有关border的一个属性 transparent (透明的) placeholder 文本框显示 (光标在前面) 普通的文本框显示 (光标在后面) <--!--> 排版的技巧 1.搞清楚结构层次 2.保证模块化 (让他们之间不能受到影响) 排版时记住这两个问题 1.(元素的性质) 2.(
阅读全文
posted @
2018-09-28 18:34
Web引领者
阅读(204)
推荐(0)
矢量图标
摘要:为什么优化服务器的性能? 因为使用雪碧图后,本来需要多次请求的图片,我们一次就请求过来了 ,然后使用background-position调整位置 减少向该页面向服务器的请求次数,简洁的优化了服务器的性能 .ico 的拓展名是图标的意思 如何实现标题<title>中的小图标 <link rel="s
阅读全文
posted @
2018-09-27 19:42
Web引领者
阅读(544)
推荐(0)
提高背景的性能优化
摘要:之前讲到了标签 css 及排版的一些内容 回顾: 标签分单标签 和双标签 块级和行级 css称为层叠样式表 选中走权重 选不中走就近原则 排版主要的两种方式 float absolute 标准文档流:浏览器的天生排版方式 现在开始新的内容 background-position 我们html和css
阅读全文
posted @
2018-09-26 18:57
Web引领者
阅读(263)
推荐(0)
排版
摘要:排版 :只要使用定位必须有一个相对位置的参照物 relative 具体定位的那个元素需要加position:absolute (绝对定位的意思) 具体到某个地方 ,特别详尽的意思 浏览器使用绝对定位的时候,浏览器会逐层向上级元素找position属性 如果父级没有就会继续向上级查找position
阅读全文
posted @
2018-09-18 16:08
Web引领者
阅读(268)
推荐(0)
浮动讲解
摘要:补充 margin: 0 auto; 上下为0 左右自适应 (前提给这个元素设置宽和高) 这是常用做网页结构的居中方式 css选择器的层叠样式 (2种选择方式) 1.继承性 2.层叠性 (选择器的选择能力) 当一个内容被多种选择器选中时,浏览器会选择权重大的 层叠性的两种情况 选中时 权重问题 (权
阅读全文
posted @
2018-09-14 17:29
Web引领者
阅读(271)
推荐(0)
列表应用
摘要:body的高是自适应 (auto) 所以body{ background size:100%; } 只有一个值 给body设置值的时候要留心height的问题 并级选择器 a,b{ color:green; } 意思是a 和b 颜色为绿色 <p>kkkkkkkkk</p> 注意如果设置边框那么k会出
阅读全文
posted @
2018-09-13 14:21
Web引领者
阅读(290)
推荐(0)
单词
摘要:隐藏 hidden 居中 center 上划线 overline中间 middle 不平埔 no-repeat 文本缩进 text-indent滚动条 scroll 单元格内间距 cellpadding 背景大小 background-size外线 outline 虚线 dashed 下划线 und
阅读全文
posted @
2018-09-12 20:23
Web引领者
阅读(130)
推荐(0)
css中背景的应用
摘要:浏览器默认的字体大小是 font-size:16px; 谷歌最小的是10px 其他浏览器是12px 通配符选择器 * “*”的意思是代表所有的标签 回到正题 background 背景 他的几个属性 背景颜色 background-color:red; (IE9以下给body设置background
阅读全文
posted @
2018-09-12 19:12
Web引领者
阅读(130)
推荐(0)
css
摘要:开始之前我想解释一下<a> 这个标签,这个标签有个特性 就是通过后代或子代选择去没办法进行修改 只能通过定义<a> 标签来进行修改 属性继承:本来只是在第一个标签是设置了样式,但他的下级标签也发生了变化 不是所有属性都可以继承,目前我们就只碰到了一个 color; <html>语言 是文本标记语言
阅读全文
posted @
2018-09-11 16:49
Web引领者
阅读(105)
推荐(0)
标签的讲解
摘要:标签的权重 也就是说标签也会分先后 计算机会优先考虑那些权重大的标签 标签的权重 1 class的权重 10 id 的权重 100 !important; 无限大的权重 (权重可以叠加) 如有两个相同的权重 计算机会优先识别后面的标签 也就是说后面的标签会把前面的覆盖掉 计算机执行代码的顺序为 从上
阅读全文
posted @
2018-09-10 17:32
Web引领者
阅读(261)
推荐(0)
属性分类
摘要:属性:之前讲了是表示事物的某种特征 但是属性分两种 一种是样式属性 一种是标签属性 标签属性如 <p style="color:red;">H5大神</p> 意思是直接在标签中改变他的属性 (将“H5大神”颜色变成红色) 样式属性如 <style> p{ color:red; } </style>
阅读全文
posted @
2018-09-10 17:02
Web引领者
阅读(1036)
推荐(0)
图像,超链接,表格——标签
摘要:图像标签 图像标签的基本格式 <img src=" "/> img 是图像标签的名字 就像婴儿刚生下来父母就会给他起个名字一样,不能更改,<img> 便是图像生来具有的标签 src 是图像标签的属性 每次想要对图像进行编辑 便需要考虑他的属性 这是每一位Web编辑者最基本的思考方式 " " 是图像的
阅读全文
posted @
2018-09-09 20:56
Web引领者
阅读(284)
推荐(0)
标签和属性
摘要:标签是最基本也是最重要的东西,每当你想告诉计算机我想干什么的时候,都要通过标签来实现 最重要的一点,标签内不能用汉语,及汉语特有的符号 说到这就要提提“属性“这个词,通俗地讲,属性代表事物的特征,和标签一样是最基本最重要的东西 每当你想改变一个东西的时候,首先要考虑他的属性 标签和属性都是最基本 标
阅读全文
posted @
2018-09-08 17:30
Web引领者
阅读(639)
推荐(0)
网页骨架及介绍
摘要:如果是初学者想在Web领域有所发展就必须学一门母语 html语言(也叫超文本标识语言) 然后计算机才能知道你的想法,完美的执行你想表达的意思和操作 介绍完了html语言的作用,现在一起看看html语言的框架 及每一层框架所表达的意思来方便理解 <!DOCTYPE html> 文档类型定义 <html
阅读全文
posted @
2018-09-08 16:54
Web引领者
阅读(989)
推荐(0)