当前位置: 传客网 > html/css应用的方法

html/css应用的方法

2017-01-11 作者:WhenIGrowUp

 1、制作透明效果

  opacity:0.7;

  filter:alpha(opacity=70);


  2、清除浮层的另外方法

  .clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

  }

  .clearfix{

  display:inline-block;

  }

  * html .clearfix {height:1%;}

  .clearfix {display:block;}


  3、div 块级元素分隔符

  span 行内元素分的区域隔符

  当页面内标签无法满足设计需要时,才会适当添加div和span等无语义标签来 辅助实现。


  4、标签语义化:

  搜索引擎看不到视觉效果,看到的只是代码,只能通过标签来判断内容的语义。


  5、语义化标签应注意的一些问题:

  • 尽可能少用无语义标签div和span;
  • 不要使用纯样式标签,例如b、font和u等,改用css设置。语义上需要强调的文本可以在strong或em标签里

  DTD:文档类型定义(标准模式和怪异模式)

  标准模式:浏览器根据规范表现页面。

  怪异模式:通常模拟老式浏览器的行为以防止老站点无法工作。(width包含padding和border的宽度,margin:auto;无法正常工作)

  如果漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中(包含IE6\IE7\IE8)就会触发怪异模式。


  6、CSS reset:通过重新定义标签的样式,“覆盖”掉浏览器提供的默认样式


  7、模块化CSS

  模块与模块之间尽量不要包含相同的部分,如果有相同部分,应将它们提取出来,拆分成一个独立的模块。

  模块应在保证数量尽可能少的原则下,做到尽可能简单,以提高重用性。


  8、CSS命名

  驼峰命名法用于区分不同单词,划线用于表明从属。



相关推荐

  • 园林植物规划方法及其应用(3)----热带、亚热带植物规划

    我国热带地区及南亚热带地区地域也很大,广东的广州、深圳;广西的南宁;海南的海口均为南亚热带,云南的西双版纳、海南除海口以外其他地方均属热带,植物种类及景观又完全不一样,为方便读者,仅举出数百种植物作为种植设计时参考。  1时令开花植物  1

  • Asp.net1.0和2.0网站共存只解决方法---使用应用程序池

    1、IIS在2000,2003等服务器操作系统的特殊设置在服务器系统中本来也没什么特殊设置,但是如果要装1.1和2.0的混合环境的话那么就要注意了。同时安装1.1和2.0的.net框架将会产生冲突。一般导致某个站

  • 基于SOLID EDGE的零件库设计方法及其应用

     本文提出并分析了基于三维CAD软件SolidEdge零件库设计的四种不同方法及其关键技术,它有助于解决大量标准件、通用件等的三维设计问题,有助于提高设计效率。    [关键词]:零件库,SolidEdge,三维CAD,二次开发    1.

  • Linux下常用的应用程序--Linux装机必备软件

      介绍一些Linux下常用应用程序,并按推荐程度进行排序。除了SCIM的五笔配置和Mplayer的安装配置麻烦一点,其它应用程序的安装都非常简单。输入法SCIM(五笔/拼音)、iBus(拼音)浏览器Firefox下载工具DownThemA

  • iWeb SNS开源软件:适用的应用领域,特点

    iWebSNS开源软件是由jooyea(聚易软件)自主研发的、一款功能强大的开源社会化网络软件。通过它可以使建站者轻松构建一个以好友关系为核心的交流网络,让站点用户可以通过空间、日志、动态、好友圈、群组、相册、站内信、留言板、心情等功能模块

  • HTML笔记(html5标签的应用)

    纠结了这么长时间还是整出来了,下面是html代码分享下!<!DOCTYPEHTML><html><head><metacharset="utf-8"><title>html5标签的

  • 服务器租用-DNS服务器使用防火墙时的应用方法是什么?

    服务器租用-DNS服务器使用防火墙时的应用方法是什么?一些机构想隐藏DNS名,、服务器托管不让外界知道。许多专家认为隐藏DNS名没有什么价值,服务器租用但是,如果站点或企业的政策强制要求隐藏域名,它也不失为一种已知可行的办法。你可能必须隐藏

  • 利用函数方法制作应收账款明细汇总Excel表格

    制作应收账款明细汇总Excel表格制作如下图所示表格并输入基础数据。(特别说明:标记列当1时表示所对应行应收金额尚有余额为结清,如该行应收金额已结清则将此标记1清除。)在C5单元格输入公式:=SUMPRODUCT(($B$108:$B$99

  • DNS服务器使用防火墙时的应用方法是什么?

    DNS服务器使用防火墙时的应用方法是什么?一些机构想隐藏DNS名,、服务器托管不让外界知道。许多专家认为隐藏DNS名没有什么价值,服务器租用但是,如果站点或企业的政策强制要求隐藏域名,它也不失为一种已知可行的办法。你可能必须隐藏域名的另一条

  • 无法启动应用程序的主要原因与解决方式

    很多朋友遇到过开启QQ、PS、Snagit等程序时,报出“由于应用程序配置不正确,应用程序未能启动。重新安装应用程序可能会纠正这个问题”。如下图:图1原因分析该问题的原因之一:您的计算机的WindowsInstaller服务没有开启。其解决

  • vpn在iphone越狱时时的应用与设置方法

    iphone越狱与vpn设置PPTP设置iphone越狱是需要用到vpn帐号的,下面说一下如果iphone越狱时vpn的配置方法第一步:点击桌面上的“设置”图标进入设置第二步:点击“通用”进入通用设置第三步:点击“网络”,进入网络设置第四步

  • 高校教学原则在《基础会计学》教学方法中的体现与应用

    高校教学原则在《基础会计学》教学方法中的体现与应用【中图分类号】G642【文献标识码】A【文章编号】2095-3089(2014)03-0247-02《基础会计学》的课堂教学呈现出知识点抽象,逻辑连贯性强,学习迁移效应明显等特点。教师的教学

  • 大连水处理设备:生活污水处理设备的应用方法

      一、A/O法:AO工艺法也叫厌氧好氧工艺法,A(Anacrobic)是厌氧段,用与脱氮除磷。O(Oxic)是好氧段,用于除水中的有机物。优点:系统简单,运行费低,占地小。好氧池在后,可进一步去除有机物。缺氧池在先,由于反硝化消耗了部分碳

  • Win8.1任务栏上的应用程序图标中间出现空隙的解决方法

      在使用一台Windows8.1系统的电脑过程中,有用户发现了这样一个问题。任务栏上的应用程序图标不知为何中间出现一个空隙,而且空隙还很大,如下图。这个现象挺奇怪的,该怎么解决呢?  解决方法  要先确定右边的这三个图标是否是固定到任务栏

  • 吉祥图案在VI设计中的应用新方法,vi设计论文

    吉祥图案在VI设计中的应用新方法,vi设计论文中国是世界文明的发源地之一,悠久的历史和深厚的文化沉淀是祖先留给我们的巨大宝藏。中华传统吉祥图案便是这宝藏中最灿烂的一部分。它丰富的内涵、美好的理想,正是我们民族文化的象征。吉祥图案是形与意完美

  • 第七课 单反的应用--构图方法

    这里介绍15种常用的构图方法:一、L形构图1、比较有张力,是画面有一种视觉延伸,适合用于拍摄风光和人像,风景看上去会更壮观,人物看上去更舒展、修长,可以利用人本身形成的L形,也可以借助俯视构成L形。如下图:2、最好在L形里面有个视觉主体,例

  • 微分中值定理的应用方法

    做题要在大框架内思考!由于不同的定理功能作用不同,故不同题目类型应用的定理不同。所有题目都是对应定理的一个正向叙述。找到定理,找到函数,找到函数所需要的那些点,而后顺水推舟即可。纵向题型总结题型一、求二层中值θ的极限此题型使用导数定义式、牛

  • 干性皮膜油的应用方法

    干性皮膜油是由固体润滑剂调在粘合剂中制成,像油漆一样,通过在室温下干燥或加热器干燥以后产生起润滑和具有其它特殊作用的润滑膜;可用于一般润滑剂(如润滑油或润滑脂)难以应用的金属、塑料和橡胶制的设备部件。而如果与一般润滑剂同时使用会产生增效作用

  • DNS服务器使用防火墙时的应用方法是什么?

    一些机构想隐藏DNS名,不让外界知道。许多专家认为隐藏DNS名没有什么价值,但是,如果站点或企业的政策强制要求隐藏域名,它也不失为一种已知可行的办法。你可能必须隐藏域名的另一条理由是你的内部网络上是否有非标准的寻址方案。不要自欺欺人的认为,

  • Ubuntu  笔记本USB转串口的应用及minicom的设置方法

    UbuntuLinux下USB转串口的应用及minicom的设置可能很多用户都不是很清楚,下文给出了详细的描述。一:USB串口转换器使用的芯片是PL2303,可以在UbuntuLinux终端输入lsusb命令查到设备信息#lsusb[roo

返回
顶部