`
zhyy22145
  • 浏览: 14106 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

《阿勇java建站教程》1.5.1-css兼容

阅读更多
    《阿勇java建站教程》1.5.1-css兼容
     1.5.1-css兼容
感谢你阅读这篇文章,希望你继续阅读《阿勇java建站教程》的其他文章!
上节内容(《1.5-css样式使用》)说的是css样式的基本使用,并无高深的内容,一切应用都应该在实践中体现,将来的实战部分将继续丰富!本节的内容说的还是css样式的使用,并且是个比较棘手的问题——css样式和浏览器的兼容!
css hack 这个词是我在建站的时候接触到的。坦白说,从培训以来,对各浏览器对样式兼容不统一的情况并没有引起重视。但也就是这个问题,对网站的推广,用户体验带来不必要的阻碍!
如今网页浏览器层出不穷,除IE,谷歌,火狐,opera几大实力巨作之外,国人的360浏览器,搜狗浏览器,qq,百度,猎豹等都来抢占市场!知名的、不知名的都企图分一杯羹!但是,毫无疑问的老大仍然是IE浏览器!IE浏览器的市场占有量在国内位居第一,经过了好几代的升级,IE浏览器却给网站开发带来麻烦!为了使自己的网站能在短期内推广开来,提升知名度,我们不得不照顾一下IE用户群,由于各浏览器解析css的能力和标准不同,很多时候同样的css样式在不同的浏览器下显示不同的结果!下面看一个例子:
#test  
    {  
        width:300px;  
        height:300px;  
         
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/
    } 
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/

     不难看出,各大浏览器对background-color的样式加载不尽相同!为了让我们的网站能顺利的在各浏览器里顺利解析,显示预期效果,我们不得不给原本简易的css样式文件添加兼容代码,也就是css hack。同时,网上也有为兼容css开发出来的js库,为了兼容各浏览器,流行的js库也纷纷添加兼容性代码,从一定程度也节省里开发者的工作!为了能做出更美观,兼容行强的网页,需要不断地实践,积累经验,不断的学习!
在下节内容中,我将带领大家学习js的基本使用!结合js,能做出生动活泼的网页内容,同时也能为数据交互提供支持!尽请期待!

本文原创写的不好的地方欢迎大家与我一起交流(微信号:zhyy22145),转载请注明出处!-《阿勇java建站教程》1.5.1-css兼容
http://www.ya178.com/public/detailUA-10770-1.html

《阿勇java建站教程》统一交流团:http://www.ya178.com/public/detailUU-39-1.html
分享到:
评论

相关推荐

    [计算机网络实验与学习指导——基于Cisco Packet Tracer模拟器(第2版)][叶阿勇 等][配套资料]

    [计算机网络实验与学习指导——基于Cisco Packet Tracer模拟器(第2版)][叶阿勇 等]的配套实验pka

    史上最牛阿勇文本编辑器

    史上最牛文本编辑器。请大家免费使用。如有不妥之处请谅解。

    计算机网络实验与学习指导-基于Cisco Packet Tracert模拟器-程序源代码pka文件.rar

    计算机网络实验与学习指导-基于Cisco Packet Tracert模拟器-程序源代码pka文件,为叶阿勇等主编《计算机网络实验与学习指导》的实验内容,基于Cisco Packet Tracert6.0.1完成,经过测试过的。希望对学习思科网络的...

    GB/BIG5/UTF-8 文件编码批量转换程序

    版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB、...

    豆葵 GB/BIG5/UTF-8 文件编码批量转换工具

    豆葵 GB/BIG5/UTF-8 文件编码批量转换工具 是一款单一文件与批量转换编码工具将 GB、BIG5、UTF-8 文件相互转换,方便的批量处理能力,主要用于网站文件编码方式的整体转换上。 豆葵 www.doukui.cn 是立足垂直搜索...

    计算机网络实验指导

    计算机网络实验与学习指导书叶阿勇-基于Packet Tracer6.0版本计算机网络实验与学习指导书叶阿勇-基于Packet Tracer6.0版本

    文件编码批量转换程序

    '* 版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB...

    网络实验报告指导

    ### 网络实验报告指导相关知识点解析 #### 双绞线基础知识 - **定义**:双绞线是一种常见的有线传输介质,广泛应用于局域网(LANs)和其他通信系统中,它由一对或多对相互绝缘的铜线组成,这些铜线成螺旋状缠绕在...

    计算机网络实验指导书与实验报告

    计算机网络实验完整的指导书,以及完全写好的实验报告。报告中有实验过程的数据截图,抓包的数据截图等等

    免费分享一次一单早盘头皮Pirate_EA02.04.1

    EA名称:pirate-EA02.04.1 适用于早盘剥头皮EA EA用法: 1:可自定义早盘交易得起始时间和接受时间 2:可采用固定手数,也可以采用动态手数 3:对点差要求有限制,越低越好 EA加载周期:30分钟 ...

    计算机网络学习与指导实验-基于cisco packet tracer

    计算机网络学习与指导实验-基于 Cisco Packet Tracer 本资源摘要信息将对计算机网络学习与指导实验-基于 Cisco Packet Tracer 进行详细的知识点总结。 实验 2-1 PPP 与 PPPoE 学习实验配置 在这个实验中,我们...

    08.doc

    这篇自荐信中,作者阿勇是一名即将从广东大学毕业的计算机科学技能专业的学生,他表达了对贵公司招聘岗位的兴趣,并详细列出了自己的专业技能和优势。 首先,阿勇强调自己拥有扎实的计算机知识和应用能力,这包括...

    计算机网络2

    计算机网络

    计算机网络实验最新资源

    计算机网络实验是学习和理解网络原理、操作及应用的重要实践环节。通过实验,学生能够深入地了解网络协议、网络设备的使用以及网络故障排查的方法。本实验资源旨在提供全面的指导,帮助学生掌握网络命令的运用,提升...

    html,asp,php编码批量转换工具

    '* 版权信息:此软件由 阿勇(fxy_2002@163.com) 开发,请保留此信息!! '* 免费软件,欢迎使用!请勿用于直接出售或其它商业用途。 '* '* 作者主页:pc-soft.cn e-mail:fxy_2002@163.com '* '* 程序功能:将 GB...

    [cnswift.org]swift 4.2-alpha-2018-8-6【合并版】(一个文件内)

    这些更新信息包括文档同步更新到了Swift 4.2的时间点(2018年07月18日),以及一些与维护网站相关的个人或团队的感谢(例如@唯有学习、十步奶一人、阿勇等)。 在知识内容的介绍上,文件提供了Swift编程语言的基础...

    台語Khok搭仔 (臺語小幫手)-crx插件

    包括「精确搜寻」及「模糊搜寻」- 在「台字田」研究台语汉字的在来写法- 用「斗拍字」的语音合成技术,听听台语字词的准确发音版本历史:v0.2: 增加介面语言设定功能v0.1: 最初版本感谢:- aióng 阿勇 提供台语介面...

    《高等教育心理学》案例分析题参考答案.docx

    阿勇的父母都是老师,父母的言传身教,让他自小就养成了良好的学习习惯,学习起来格外卖力;乐乐格外宠爱自己选择的这个专业,除了课堂认真学习外,他还在课后乐观地阅读与专业相关的书籍,了解本专业最前端的信息。...

    HC-031-122-CHS

    根据给定的文件信息,我们可以总结出一系列与华为认证数据通信专业(Huawei Certified Datacom Professional,简称HCDP)构建运营商路由网络(Building Carrier Routing Network,简称BCRN)相关的IT知识点,具体...

Global site tag (gtag.js) - Google Analytics