当前位置:首页>HTML学习笔记

HTML学习笔记

1.标签分块级元素和内联元素。区分方法:块级元素自带换行。内联不带。

2.使字体突出。作用:需要某些词语醒目时使用。内联元素。

3.将一段字体加上双引号。内联元素。

4.<blockquote></blockquote>之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进。块级元素。

5."title"属性,鼠标放在标签上时,会显示title中的内容,标识作用。

6.标签中的属性介绍,src="...#abc"当点击时会跳转到网页中id为abc的位置。target= "_blank"使用此属性时会打开新的标签页而不是在本页跳转。为内联元素。

7.标签中的alt属性。当图片显示不出来时会显示alt中的内容。内联元素。

8.网页中尽量使用相对路径,绝对路径在转换服务器时修改的路径比较多。

9.图片使用时缩略图和原图区分开文件夹。

10.ftp文件传输协议。代码提交服务器常用。

------------------------------------------------------------------------------------------------------

学习Css:

创建css文件后,在html中head标签里用引入。如

line-height:行间距。

font-size:字体大小。

font-family:字体。字体可以有多个,如果有多个,浏览器优选选择第一个,如果没有第一个就往后选。

font-weight:影响字体粗细。lighter(细) normal(正常) bold(中) bolder(粗)。

color:字体颜色(rgb值:如rgb(255,255,255)或rgb(80%,80%,80%),关键字如“red”或“blue”等,十六进制表示如#ab77ec)。

text-decoration:文本装饰。none(无) underline(下划线) overline(无) line-through(删除线).

@font-face:webfont网络字体。通常一个网络字体类型单独写在一个css类里面如 @font-face{font-family:"fontname"; src:url("http://......a.woff"),url("http://......a.ttf");}为浏览器提供两种可识别字体。

字体指定大小有多种方式:px ,em,%,关键字(xx-small,x-small,small,medium,large,x-large,xx-large)。网页使用时利用小秘诀:body标签中用关键字指定全局字体大小,用em或者%指定相对于body里元素的大小。好处是,如果想改网页字体大小,改body中的字体属性即可,因为其他标签字体大小都是相对于body的。(注:em是倍数,如1.2em就是1.2倍。%是百分比,如150%就是相对大小的乘以150%)。

font-style:字体风格,如斜体。

background-color:背景颜色(rgb值,关键字,十六进制表示如#ab77ec)。

background-image:背景图片。如:background-image: url(images/xxx.gif)。

background-repeat:背景图片的风格。(重复、不重复、水平方向重复、垂直方向重复、按父元素的设置处理)。

background-position:背景图片的位置。

border-bottom:下边框(border-bottom:thin dotted #888888;细的虚线颜色为#888888的下边框)。

盒模型:就是css看待元素的一种方式,将每个元素看成一个盒子,盒子由外边距,边框,内边距,内容组成。理解盒模型后就可掌握页面布局。(注:边框可以设定样式,但是内边距外边距只提供空间但不能加任何样式。背景颜色只延伸到内边距下,不会延伸到外边距)

border-color:边框颜色(rgb值:如rgb(255,255,255)或rgb(80%,80%,80%),关键字如“red”或“blue”等,十六进制表示如#ab77ec)。

border-width:设置四个边框的宽度。

border-style:风格(实线,虚线,锯齿)。

padding:内边距。

margin:外边距