初学html、css的重点整理（笔记）

第一天：

基本标签：

头标签： 

标题标签：

段落标签：

 

 换行标签：
  (单标签)

区域标签：

 

  (一行只能有一个) ，  (一行能有多个)

图像标签：

注释：       

链接标签：  文本内容 

锚点链接：能够快速跳到本页面的某个位置。

编写格式： ，为将要跳转的内容设置id。列如：

内部链接：

第二天

表格小知识

表格居中： align="center"

表格宽高： width=" 数值 " ，height=" 数值"

表格边框： border=” 数值 “

单元格间距： cellspacing=” 数值“

像素值 ：cellpadding =”数值“（规定单元格边沿与内容之间的空白，默认1）

合并单元格

跨行合并 ：rowspan=”合并单元格个数“

跨列合并： colspan=”合并单元格个数“(合并代码写在目标单元格上)

目标单元格：跨行 以上侧为目标单元格

注意：跨列以左侧为目标单元格



合并单元格三部曲

1. 确定跨行或跨列
2. 找到目标单元格，编写代码
3. 删除多余单元格



列表

有序列表

   

1. 列表项

（编辑后会自动加上标号）

去除小圆点：list-style；

注意：

ol中只能放列，不允许输入其他标签或文字

与

之间相当于一个容器，可容纳所有元素

无序列表

 

         

• 列表项

     

注意：

ur中只能放列，不允许输入其他标签或文字；

与

之间相当于一个容器，可容纳所有元素

自定义列表（围绕一个名词进行解释）

   

名词

名词解释

注意：

dl里只能包含dt和dd

dt和dd个数没有限制，经常是一个dt对多个dd

dt和dd里面可以放任何标签

表单标签：（收集用户信息）

由表单域，表单控件，提示信息构成

标签定义表单域，以实现用户信息的收集和传递。

将区域中的表单元素信息和结果提交到服务器。

         action="url地址 " method="提交方式" name="表单域名称">

属性：

input标签

lable标签

select标签

语法：

   

选项

注意：

至少包含一个option。

在option中定义selected=selected时，当前项默认选中。

文档查询网站：

w3school 文档（没有网络也可用）

第三天：

id和类的区别：

id选择器只能调用一次，别人切勿使用。

类可以多次调用

基础选择器总结：

字体属性：

字体样式：

font-family： 字体（微软雅黑 microsoft yahei）

font-size：字体大小： xx px；

字体粗细：

font-weight： {bold（加粗 等价于 700） ，normal （正常比加粗 等价于400）， 可设置100-900;

}

文字样式：

font-style： normal（正常），italic（斜体）

组合属性：

div{

font：font-style font-weight font-size/line-height font-family ( italic 700 16px micorosoft yahei ; )

}

注意：

顺序不能颠倒，各个属性之间用空格隔开。

不需要的属性可不设置，的那必须保留font-size和font-family，否则font将不起作用。