css和js韩顺平学习笔记

css和js韩顺平学习笔记

ID:42562222

大小:54.14 KB

页数:38页

时间:2019-09-17

css和js韩顺平学习笔记_第1页
css和js韩顺平学习笔记_第2页
css和js韩顺平学习笔记_第3页
css和js韩顺平学习笔记_第4页
css和js韩顺平学习笔记_第5页
资源描述:

《css和js韩顺平学习笔记》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、1,Web标准的组成:结构,表现和行为;结构标准对应的主要语言是XHTML表现标准对应的主要语言是CSS行为标准对应的主要语言是javascript制作成一个静态页面,主要用到的就是xhtml和css,所以制作标准页面的技术就是xhtml+css;2,css定义的技巧:1,为了将来的css代码优化,建议所有的属性值后面都要带上";";2,某些xhtml标签,有自己默认的css属性值;例如,h1标签就有自己默认的属性值。3,为了兼容主流的浏览器,或者为了统一效果,建议我们在设置时,将所有元素的css属性,重置为一个标准的;4,不同的浏览器,有各自

2、不同的css属性值---就是浏览器的兼容性5,css可以重新设置html标签的默认设置;3,CSS应用给网页的方法:1,内联式样式表:直接写在现有的标记中,如这里文字是红色的

2,嵌入式样式表:使用标签嵌入到HTML文件的标签中。如:body{background:white;color:black;}3,外部链接式样式表:将样式表写在一个独立的.css文件中,然后在页面标

3、签内使用标签调用它,主要用于实现表现与结构的分离,如:4,导入式样式表[用的较少]:导入式样式表与链接式样式表的功能基本相同,只是语法与动作方式略有不同,同样也将导入样式代码写在标记内。语法:@importurl("basic.css");------------------------------------有些浏览器解析会有问题.浏览器会最

4、后读取@import中的内容;4,将css样式写到一个单独的文件中.如style.css;5,结构与样式分离;6,导入式样式:也是将样式写到一个文件中,再导入到网页中,导入式,其实与内嵌式是相类似的,都是将样式加入到网页里;7,网站是有很多个网页组成的;一个网站是有多个网页组成的...8,id在网页中只出现一次;9,标签选择符---针对html标签id选择符---针对某一个id;类选择符:针对某一类,或者某一些元素,它们的样式是相同的。10,类名或ID名,不要以数字开头,同一个元素,应用多个类,类名与类名之间用空格进行分割:class="类1类

5、2";11,css特点,1,继承:子元素可以继承父元素的某些属性;2,层叠:如果子元素定义了与父元素相同的样式,则子元素的样式会覆盖父元素的样式,后面的样式会覆盖前面的样式;12,css样式优先权:当样式有冲突时,听谁的?四种方式的优先权:内联式>内嵌式>链接式>@import导入式。CSS优先权:就近原则,作用范围越小,优先权就越高。离要修饰的目标越近的样式优先权越高;一般我们用内嵌式和链接式,这样局限性是最小的;13,选择符优先权:行内>id>class>标签选择符。-------------------------------------

6、----记住哦!就近原则;14,不同的属性在浏览器支持是不一样的;尽量使用通用的属性,不用存在兼容性差别的属性;15,CSS伪类:a:link{text-decoration:none;color:black;}a:hover{text-decoration:underline;color:blue;}a:active{text-decoration:overline;color:#00OOFF;}-----表示跟超级链接有关的伪类;16,如果,鼠标放上效果不起作用,请修改链接状态的顺

7、序L-V-H-A就是把标签的顺序变一下;17,div{width:100px;height:100px;font-size:24px;font-weight:bold;display:block;//表示把它定义成块元素,就是它们是一个整体display:block;//表示把它定义成块元素,就是把它们当做一个整体}#one{background:red;}#two{background:green;}#three{background:blue;}----youshijianduokankanapi

8、css布局有三种方式:1,默认文档流方式---以默认的html元素的结构顺序显示;2,浮动布局方式---通过设置html元素的floa

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。