- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
前端常规代码写法
HTML 注释:
!--这是一段注释。注释不会在浏览器中显示。--
map area shape= rect circle coords
带有可点击区域的图像映射:
img src=planets.jpg border=0 usemap=#planetmap alt=Planets /
map name=planetmap id=planetmap
area shape=circle coords=180,139,14 href =venus.html alt=Venus /
area shape=circle coords=129,161,10 href =mercur.html alt=Mercury /
area shape=rect coords=0,0,110,260 href =sun.html alt=Sun /
/map
CSS代码中进行注释的三种方法
不能以数字开头命名CSS类
请不要以阿拉伯1、2、3、4开头来命名HYPERLINK /css伪类,不然将造成浏览器无法解释解析以数字开头命名的css类,最后造成类似HYPERLINK /css-hack/css hack样不兼容,或直接以数字开头css名称的类无效(浏览器无法解释)。但是可以用字母命名加数字方式命名,切记不能用数字加字母或纯数字方式来命名HYPERLINK /rumen/r61.shtmlcss选择器。
1、选择器(childselector)
如果你想在IE中隐藏一个CSS定义,可以使用子选择器。
CSS注释代码:
htmlbodyp{
/*declarations*/
}
2、“通配符”(*)
这种写法只有IE浏览器可以理解(对其他浏览器都隐藏)
CSS注释代码:
*htmlp{
/*declarations*/
}
3、“反斜线”(\)
如果你希望IE/Win有效而IE/Mac隐藏,可以使用“反斜线”技巧。
CSS注释代码:
/*\*/
*htmlp{
declarations
}
/**/
JavaScript 多行注释
多行注释以 /* 开始,以 */ 结尾。
单行注释以 // 开头。
Html
标签 属性=”值”/标签
标签/
Css
从整体到局部套写代码
Css规则由两个主要部分构成:选择器,以及一条或多条声明。
每个声明由一个属性和一个值组成
选择器{声明}
选择器{属性:值;属性:值;}
选择器,选择器,。。。{属性:值,值,。。。}
空格是多种属性的值
Table{border:1px solid red;}
逗号是或的意思(同种属性的各种值)
body { font-family: Verdana, sans-serif; }
多种字体 不支持选后一种
派生选择器
通过依据元素在其位置的上下文关系来定义样式
li strong {}
#开头为id选择器 (唯一性)
. 开头为class选择器 (群类)
属性选择器 所有元素属性都改变
格式为 中括号 [title] {color:red;}
提示:如果值为若干单词,则要给值加引号:
p {font-family: sans serif;}
Css创建
外部样式
head
link rel=“stylesheet” type=”text/css” href=”mystyle.css”
/head
内部样式表
head
style type=text/css
/style
/head
内联样式
p style=color: sienna; margin-left: 20px
This is a paragraph
/p
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
meta http-equiv=Content-Language content=zh-CN /
meta name=author content=Csdn /
meta name=Copyright content=Csdn /
meta name=description content= /
meta content= name=keywords /
第一行说明了他的文字编码
第二行说明了他采用的语言
第三行说明了他的作者
第四行说明了他的版权
第五行是对网站的简单描述
第六行是说明了本网站的关键字
后便两行主要是被百度这些搜索网站检索的时候用的 非常重要
块级元素和行内元素的区别
块级元素
常见元素:div、p、form、ul、ol、li
特性:独占一行,默认情况下,其宽度自动填满其
文档评论(0)