• HTML&CSS常见问题整理(二)


    21.写出下列CSS命令的最简写法?

    可写为margin:20px 20px 50px 20px;或者margin:20px 20px 50px

    22.我们用hack调兼容时,用到如下命令div{height:300px;*height:400px;_height:500px;},在IE6里div显示高度是多少,火狐里显示高度是多少?

    IE6里显示是400px,火狐里显示是300px

    23.三层嵌套用在什么地方最合适,有什么优点:

    有圆角边框不固定宽度同时兼容ie的时候

    24.背景图合并用在什么地方最适合,有什么优点

    当一个网站要加载大量icon(小图标)时,我们会把它合并成sprite(图片拼接),目的是为了减少HTTP请求次数,这样做既能减少页面加载时间,又可以减轻服务器的负载。

    25.页面如何在浏览器里达到聚众,并且左右自适应?

    margin:0 auto;

    26.HTML5版本类型声明怎么写,有什么用?

    27.XHTML1.0版本你知道吗,跟html5版本有什么区别?

    XHTML1.0是XML风格的HTML4.01
    XHTML1.1主要是初步进行了模块化
    HTML5是下一代HTML,取代HTML4.01

    w3c原本确实计划用XHTML系列替代HTML4.01,但XHTML系列实际上只活到了1.1(1.1和夭折的1.2已经体现出过分XML的迹象,而w3c的理想其实在疯狂的XHTML2身上,当然,他没能诞生),还没有脱离HTML4.01的阴影就死了
    还没等XHTML兴起,他的地位就被HTML5取代了。

    28.书写ol、ul、table的嵌套规范

    参考http://www.5icool.org/a/201308/a2081.html

    29.前端页面有哪三层构成,分别是什么?作用是什么?

    分成:结构层、表现层、行为层

    结构层由HTML或XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息,例如,p标签表达了这样一种语义:“这是一个文本段”

    表现层由CSS负责创建。CSS对“如何显示有关内容”的问题作出了回答

    行为层负责回答"内容应该如何对事件作出反应”这一问题,则是JavaScript和dom主宰的领域

    30.img的alt和title有什么区别?

    alt是图片加载失败时,显示在网页上的替代文字,title是鼠标放上面时显示的文字

    31.HTML代码的书写规范有哪些?

    32.浏览器的调试工具有哪些?都有哪些功能?

    33.table的合并边框属性是什么?跨行是什么?跨列是什么?

    合并边框“cellspacing” 跨行“rowspan”跨列“colspan”

    34.CSS是什么?有什么用处?

    层叠样式表示一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言

    CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

    35.你知道less,sass这些东西吗(小米)

    CSS预处理器技术已经非常的成熟,而且也涌现出了越来越多的CSS的预处理器框架,最为普遍的三款CSS预处理器框架,分贝时Sass、Less CSS、Stylus。CSS预处理器是一种语言用来为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,例如你可以在CSS中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的CSS更简洁,适应性更强,代码更直观等诸多好处。

    36.解释W3C

    万维网联盟创建于1994年,是web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南。

    如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等。

    有效促进了Web技术的互相兼容,对互联网技术的发展和应用祈祷了基础性和根本性的支撑作用。

    37.页面重构

    网站重构不是一种技术,不是div+css,更不是标准,网站重构是一种思想,是一种理念。

    引用WebReBuild.ORG的话:当前国内的同行普遍的认为:所谓的网站重构就是“DIV+CSS",想法固然极度局限。但也不说另一部分的人认为是”XHTML+CSS",因为“XHTML+CSS"只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化,行内分工优化、以及以技术与数据、人文为主导的交互优化等。

    重构网站现充狗人,重构你的理念,不要光追求技术,追求还原设计稿,追求浏览器的兼容性,重要的是基础和理念。当你真正理解什么是网站重构的时候网站重构也就真正开始了。

    38.div+css与table布局的有何区别?

    div+css:布局简洁明了、使用方便,相对于表格来说更容易搜索的到,优化程度更高。不易出现错误或者不可控,样式繁多,易控易修改。

    table:表格布局不建议使用,这个算是快要被淘汰的一种布局方式。布局不容易调整和规划。容易失控。大部分都不能使用太多样式。

    39.后台编码格式不是UTF-8怎么办?

    统一编码格式

    40.一个CSS文件如果过大的话,加载会很慢,占用过大带宽,如何解决?

    去除空格和换行,压缩css代码

    尽量使用简写,缩减代码

    将css文件分为多个文件

  • 相关阅读:
    python通过标准输入读取内容,读取键盘输入的内容?接收用户输入?
    Centos修改时间显示的时区,将UTC修改为CST
    python中注释的写法
    python中,数字类型计算
    python中,获取字符串的长度
    python中的字符串常量,是否支持通过下标的方式赋值
    python,如何获取字符串中的子字符串,部分字符串
    python中是否有单独的字符类型,通过下标的方式表示字符串中的字符
    python中,如何将两个变量值进行拼接
    python中,如有个非常长的字符串,在写的时候如何将其分隔
  • 原文地址:https://www.cnblogs.com/shireyhu/p/7840086.html
Copyright © 2020-2023  润新知