注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦幻雪冰

技在手,能在身,思在脑,从容过生活——陈能堡

 
 
 

日志

 
 

HTML和CSS第三次小复习  

2014-04-13 22:19:16|  分类: 复习专题 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
1、img中的alt与title的区别
含义不同:alt是当图片不显示的时候代替图片,而title是对图片的描述
表现不同:不同的浏览器表现不同(在IE6下alt与title都是显示,而chrome、firefox主流浏览器只显示title)
                   IE6下如图
                   THML和CSS第三次小复习 - HTML5守望者 - HTML5守望者THML和CSS第三次小复习 - HTML5守望者 - HTML5守望者
   当图片不显示的时候表现也不同
         THML和CSS第三次小复习 - HTML5守望者 - HTML5守望者
seo优化:搜索引擎对图片的判断主要是靠alt(意思就是把图片转换成文本,里面可以写关键字),但是如果条件允许                   的情况下我们可以在title填写一些对图片的描述,这样也有利于seo的优化
2、strong、em、b、i标签的区别
第一(意义上):strong和em是逻辑标签  b和i是物理标签;物理逻辑就是说告诉浏览器我哪里加粗了,没有别的作用,而逻辑标签是强调语气,它强调语气是通过文本加粗来体现的,也可以通过别的样式来强调语气
第二(维护上):strong和em真正做到了结构域样式分离,而b、i没有做到结构域样式的分离
第三(seo上):在搜索引擎storng和em比b和i重要的多
第四:strong在html是页面上的强调,而em是句子中的强调(语义上的强调)
3、border:0与border:none的区别
性能:border:0浏览器会对其进行渲染,会占用内存资源,而border:none浏览器不会对其渲染
兼容:border:none在IE6、IE7边框依然存在,border:0在所有浏览器都会把边框隐藏起来(更有效
如下图:
THML和CSS第三次小复习 - HTML5守望者 - HTML5守望者
4、overflow:auto与overflow:scroll的区别
唯一的区别:当设置为scroll的时候,不管你的内容有没有超出范围,都会出现水平和垂直的滚动条;
   当设置为auto的时候,当内容没有超出范围的时候,不会出现滚动条,当内容超出范围的时候就会出现 滚动条
5、CSS背景图与HTML标插入img的区别
第一:加载方式不同,CSS背景图片会等到结构加载完成才显示(网站内容全部显示以后),而html中的img标签是网页结构(内容)的一部分会在加载网页结构中加载;换句话说网页是先加载图片再加载背景图片;比如当我们img比较大的一张图片,img未加载完成之前img之后的内容(背景)都不会显示
 当用CSS引入同样的图片的时候,等网页结构和网页内容加载完成才显示,这不会对你浏览产生影响。(先显示内容再显示背景)
第二:CSS是管表现,HTML管结构,结构与样式分离。背景图片主要是做表现的,而图片主要是结构。简单的来说               就是表现一般不会怎么变化,网站的内容会经常发生变化(动态的用img,静态的用背景)
第三:当没有图片显示的时候,背景图片不会显示一些提示比如像THML和CSS第三次小复习 - HTML5守望者 - HTML5守望者,而背景图不会
6、position:relative | absolute | static | fixed
  •     static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。
  •     relative(相对定位) 对象不可层叠、不脱离文档流,对于元素的显示效果没有影响 ,参考自身静态位置通过           top,bottom,left,right 定位,并且可以通过z-     index进行层次分级。
  •     absolute(绝对定位) 脱离文档流,会对元素的显示效果造成影响。元素默认内容撑开宽高,但是可以设置宽           高,通过 top,bottom,left,right 定位。选取其最近一个有定位设置的父级对象进行绝对 定位,如果对象的父级没有设置定位属性,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
  •     fixed(固定定位) 这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分       级。
                                             博客地址:http://blog.sina.com.cn/chennengbao
 

  
  

 
  评论这张
 
阅读(179)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017