- 1、本文档共12页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
WEB面试题
[HTML CSS]
Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
行内元素有哪些?块级元素有哪些?CSS的盒模型?I b em img input select strong
块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p
盒模型:margin border padding width
CSS引入的方式有哪些? link和@import的区别是?
使用 LINK标签
将样式规则写在.css的样式文件中,再以link标签引入。
link rel=stylesheet type=text/css href=example.css 使用@import引入
跟link方法很像,但必须放在STYLE.../STYLE 中
STYLE TYPE=text/css
!--
@import url(css/example.css);
--
/STYLE 使用STYLE标签
将样式规则写在STYLE.../STYLE标签之中。
STYLE TYPE=text/css
!--
body {color: #666;background: #f0f0f0;font-size: 12px;}
td,p {color:#c00;font-size: 12px;}
--
/STYLE 使用STYLE属性
将STYLE属性直接加在个别的元件标签里,元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 使用span/span标记引入样式
span style=font:12px/20px #000000;/span
两者区别:加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表,如:
main.css
———————-
@import “sub1.css”;
@import “sub2.css”;
这样做有一个缺点,会对网站服务器产生过多的HTTP请求,以前是一个文件,而现在却是两个或更多文件了,服务器的压力增大,浏览量大的网站还是谨慎使用。
CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?* { sRules }
类型选择符E { sRules }td { font-size:14px; width:120px; }
属性选择符E [ attr ] { sRules }E [ attr = value ] { sRules }E [ attr ~= value ] { sRules }E [ attr |= value ] { sRules }h[title] { color: blue; }/* 所有具有title属性的h对象 */span[class=demo] { color: red; }div[speed=fast][dorun=no] { color: red; }a[rel~=copyright] { color:black; }
包含选择符E1 E2 { sRules }table td { font-size:14px; }
子对象选择符E1 E2 { sRules }div ulli p { font-size:14px; }
ID选择符 #ID { sRules }
类选择符E.className { sRules }
选择符分组E1 , E2 , E3 { sRules }
伪类及伪对象选择符E : Pseudo-Classes { sRules }( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :le
您可能关注的文档
- IRF2-MAD.docx
- HTIC卡接口应用编程.doc
- HttpCookies应用详解.docx
- ICU部分知识.doc
- HP4274A_多频LCR_电桥测试原理及应用.doc
- H55芯片组ssd性能优化.docx
- ibuss最新技术参数.doc
- ICI-AMV合成工艺氨合成回路的改造.doc
- ISO14000环境管理体系内审员考试试题答案.doc
- ISO14001认证对企业履行环境责任的促进作用.doc
- 分析let s单元56ago2卷纸zheng unit56.pdf
- 塑胶材料其它分类原料pa9t 12.pdf
- md16x16数字媒体切换器设备.pdf
- 者参考项目发起人学科类型单位序列承包商修订页代码顺序典型.pdf
- 届世界天然气大会阿姆斯特丹2006add10288.pdf
- 期测试记录表每周weekly g1g6 journeys tests level 6 lesson26.pdf
- modernize-whitepaper现代化您应用程序白皮书.pdf
- anybackup产品典型案例分析.pdf
- 约克金融工程课程tfeslide32.pdf
- 广州市妇女儿童医疗中心历份教学药历01tjy.pdf
文档评论(0)