HTML&CSS学习笔记
2013-08-19 12:50
621 查看
1.超链接属性加 #,表示访问本页面地址,实现页面内跳转
2.colspan表示跨列,colspan = 2表示合并两列
rowsspan表示跨行
3.img标签中,尽量别使用alt,可能有的浏览器不支持,应使用title
4.frameset用法
frameset是用来给网页分块的,可以把一个网页分成多个独立的部分
frameset中不允许存在body元素
frameset是用来划分窗框,每一个窗框由<frame>来标记,并且<frame>只能放在<frameset>中使用
比如:要把一个网页分成三部分,可这样写:
5.margin是外间距,padding是内间距
6.相对路径是相对于URL地址的,“..”表示上层路径,路径最前边的“/”表示当前路径的根路径
7.<div>是一层,前后各有换行符,<span>是行内块
8.<textarea>标签之间的内容会全部提交,因此最好把两个标签写在一行
9.“.”表示class属性的选择,即“.”与class对应
“#”表示id的选择,即“#”与id相对应
class可以相同,但id一般不同
css中选择器有三种,标签选择器,如<p>、<form>标签等;id选择器,用#;类选择器,用“.”
10.margin:90px,0,0,20px
表示页边距,分别为距上、右、下、左分别有多少像素
2.colspan表示跨列,colspan = 2表示合并两列
rowsspan表示跨行
3.img标签中,尽量别使用alt,可能有的浏览器不支持,应使用title
4.frameset用法
frameset是用来给网页分块的,可以把一个网页分成多个独立的部分
frameset中不允许存在body元素
frameset是用来划分窗框,每一个窗框由<frame>来标记,并且<frame>只能放在<frameset>中使用
比如:要把一个网页分成三部分,可这样写:
<html> <head><title>这是FrameSet用法实例</title></head> <frameset rows="20%,*" border="1"><!--表示先把页面按行分成两部分,大小为20%和80% --> <frame src="top.html"></frame><!--20%的部分引入top.html --> <frameset cols="30%,*"><!--把剩余部分(即80%的那部分)按列分为两部分,大小分别为30%,70%--> <frame src="left.html"></frame><!--然后从左到右依次引入left.html和main.html--> <frame src="main.html"></frame> </frameset> </frameset> </html>效果如下:
5.margin是外间距,padding是内间距
6.相对路径是相对于URL地址的,“..”表示上层路径,路径最前边的“/”表示当前路径的根路径
7.<div>是一层,前后各有换行符,<span>是行内块
8.<textarea>标签之间的内容会全部提交,因此最好把两个标签写在一行
9.“.”表示class属性的选择,即“.”与class对应
“#”表示id的选择,即“#”与id相对应
class可以相同,但id一般不同
css中选择器有三种,标签选择器,如<p>、<form>标签等;id选择器,用#;类选择器,用“.”
10.margin:90px,0,0,20px
表示页边距,分别为距上、右、下、左分别有多少像素
相关文章推荐
- Head first HTML&CSS学习笔记
- 【慕课网】HTML&CSS基础课程学习笔记
- 张孝祥javascript学习笔记1---HTML&CSS
- Head first HTML&CSS ---[学习笔记第三章]
- HTML&CSS基础学习笔记1.13-有序列表及列表嵌套
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- HTML && CSS 学习笔记(5)div、class(关键词:html/div/class)
- HTML&CSS基础学习笔记1.33-元素选择器
- Head first HTML&CSS ---[学习笔记第二章]
- 【JAVAWEB学习笔记】02_HTML&CSS
- html&css学习笔记
- HTML&CSS基础学习笔记1.30-颜色的表达
- HTML&CSS基础学习笔记1.22-一个简单的注册页面
- HTML&CSS基础学习笔记1.11-导航栏
- Head first HTML&CSS ---[学习笔记第五章]
- HTML&CSS基础学习笔记1.20-DIV标签2
- HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
- HTML&CSS基础学习笔记1.18-表格的边框
- HTML&CSS学习笔记
- HTML&CSS基础学习笔记1.29-灵活地使用样式