HTML_CSS

一:HTML与XHTML

HTML 超文本标记语言(第一版)——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)。

HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1996年1月14日,W3C推荐标准

HTML 4.0——1997年12月18日,W3C推荐标准

HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

XHTML1.0 于2000年1月发布,经过修订后2002年8月重新发布

XHTML1.01 与2001年发布

二:XHTML 1.0 提供了三种DTD声明可供选择

XHTML 1.0 提供了三种DTD声明可供选择: 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0         Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

三:在HTML里面引入CSS

1.行内式 2.嵌入式 3.导入式与链接式 <link href="mystyle.css" rel="stylesheet" type="text/css" /> <style type="text/css">    @import"style.css";   </style>

区别:使用链接方式时,会在装载页面主体部分之前装载css文件,这样显示出来的网页从一开始就是带有样式         导入式,会在整个页面装载完成后再装载css文件,对于有的浏览器来说,在一些情况下,如果网页文件的体积比较大,则会出现先显示无样式页面,闪一下之后再出现设置样式后的效果。      对于较大网站,为了便于维护,可能会希望把所有的css样式分类别放到几个css文件中,这样如果使用链接式引入,就需要几个语句分别导入css,如果要调整css的文件分类,就需要同是调整HTML文件。这对于维护工作来说,是一个缺陷。如果使用导入式,则可以只引进一个总的css文件,在这个文件中再导入其他独立css文件;而链接则不具备这个特性

四:选择器

经验: 选择器的嵌套,可以大大减少对class和id的声明,因此在构建页面HTML框架的时候,只需要在最外层标签(父标签)声明ID或者class,而内层标签(子标签)能通过嵌套方式表示的,尽量就直接用嵌套方式表明,而不需要再次声明class或者id。只有当子标签无法利用此规则时,才进行单独声明。如ul标签里面有多个 li,而需要个其中的一个li单独设置样式的时候,才会单独设置类别或者id,而其他的li同样采用ul li方式来声明

五:CSS优先级

行内样式>交叉选择器>id选择器>类名选择器>标签选择器>*通配符>浏览器对标签的预定义样式>继承样式

HTML_CSS,布布扣,bubuko.com

时间: 2024-10-11 10:26:44

HTML_CSS的相关文章

15-9-18 Html_css复习

HTML:超文本标记语言 HTML语言是由标签组成的,HTML中的数据都会封装在标签中,因为可以通过选择标签中的属性值得改变对封装内数据进行操作. 确定HTML代码范围.<html></html>在该范围中可以定义两部分内容,头和体. <html> <head>//网页的一些属性信息,比如,title 标题. </head> <body>//网页显示的数据. </body> </html> 标签特点:对于数据进

HTML_CSS常见问题(1)

1)当一个父div中包含了几个子div,同时几个子div设置为浮动,那么父div的高度不能被子div撑起来.须手动设置父div的宽高,然后才可以设置例如 margin:auto的居中属性. 2)设置几个连续div的间隔:首先把这几个div的属性设置为左浮,然后这几个div就是并排显示了,此时每个div之间没有间距,通过设定每个margin-left的值来调整他们之间的间距. 3)水平居中:行内元素:text-align:center:只对行内元素起作用,如div中的字,则字居中而div不居中,块

HTML_CSS布局技巧(2)

1)设置网页整体居中的代码: 以前用表格布局时设置网页居中非常方便,把表格对齐方式设置为居中就行了,就这么简单,现在呢,用DIV+CSS样式表控制, <style> #layout { width:778px; margin:0 auto; text-align:center;} </style> <div id="layout">标准之路test</div> 宽度为适合800×600分辨率浏览器的宽度,margin:0 auto; 这句

HTML_css样式表 样式属性 格式布局

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p  

HTML_css选择器

第二种增加css样式的方法,可以在head中增加style标签,style中通过选择器定位标签增加css样式 CSS选择器分为六种: 1.id选择器 2.class选择器 3.标签选择器 4.层级选择器(空格) 5.组合选择器(逗号) 6.属性选择器(中括号) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <tit

html_css总结

HTML:超文本标记语言web应用(crm) HTML有且只有一个HTML根标签.HEAD标签代表文件头.BODY标签代表网页主体. 如何编写HTML?HTML文件的后缀名.html. 常用标签:基本标签: HTML HEAD BODY HR: 分割线 BR:换行 PRE: 原样输出 H1~H6:标题 格式化标签: SUB: 下标 SUP:上标 字体标签: <font> <strong>:加重点 <b>:加粗 <i>:斜体 列表标签: ol和li:有序列表

Atitit.html css &#160;浏览器原理理论概论导论attilax总结

Atitit.html css  浏览器原理理论概论导论attilax总结 1.1. 浏览器是怎样工作的:渲染引擎,HTML解析(连载二)1 2. 5.1.1 DOM标准 1011 3. <WebKit技术内幕>(朱永盛...)[简介_书评_在线阅读] - .html2 4. HTML5与CSS3权威指南(第3版 上册)2 5. HTML5权威指南[非常全面详实的网页设计参考书]3 6. 深入理解Android:WebKit卷4 1.1. 浏览器是怎样工作的:渲染引擎,HTML解析(连载二)

[原创] CSS总结!! 有关HTML第二篇 !!

同样是拿xMind写的   明天上传 CSS+DIV 总结   今天只有CSS了 但是首先涉及一下浏览器原理:  还有好多不知道的模块 但是页面的核心模块就这些了:(些许 需要补充 请关照   ) //===================下面是CSS总结   算是 一览图 吧========不得不说标记语言很强大    也很简单  解析速度也很快============== //======下面结合了 div 和 css组合    一览图 还没整理好  ====================

12个CSS高级技巧汇总

[html_css]12个CSS高级技巧汇总 2016-08-01 分类:HTML_CSS_JS笔记 阅读(10) 评论(0)  下面这些CSS高级技巧,一般人我可不告诉他哦. 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-sizing 表格单元格等宽 用Flexbox摆脱外边距的各种hack 使用属性选择器用于