前端小白自学第二天

昨天我们学到了基本标签，今天给基本标签加下注释和默认样式
（）里为注释内容

基本标签注释

一、6种

div 块标签 (换行)
p 段落标签 (换行、有行距)
span 隔离标签 (没有任何默认样式)
hr 水平分割线 (可设置宽高、颜色、种类等等)
br 换行 (无样式)
h1/h2/h3/h4/h5/h6 一级标题–六级标题 (换行、有行距、有大小粗细)

二、8种

b/strong 加粗 (strong的语义性更强烈)
i/em 加斜 (是基于内容的样式,一个是基于物理的样式)
u/del 下划线与删除线 (下划线可设置样式)
sub/sup 下标与上标 (可设置样式)

三、6种

ul 无序列表 (有上下行距 和左侧内补)
ol 有序列表 (有上下行距 和左侧内补)
li 列表项 (换行)
dl 自定义列表 (无)
dt 列表项目 (无)
dd 列表项目说明 (有缩进)

四、4种

table 表格外框 (可设置宽高、对齐方式等等)
tr 行 (无默认样式)
th 表头单元格 (居中)
td 普通单元格 ( colspan 列合并 、rowspan 行合并 )

五、2种

  a      超级链接       (href标签必备)   
   		  img    图片标签    (src标签必备、可设置宽高)

六、1种

form 表单标签 (可设置不同type种类)
以下是 form中常用标签：
text 文本框
password 密码框
radio 单选框
checkbox 复选框
color 颜色
date 日期
time 时间
file 文件
textarea 文本输入区域
submit 提交按钮
reset 重置按钮
button 自定义按钮

Emmet插件的使用

	*   重复         例：div*10
    >   嵌套         例：div>p
    {}  内容         例：div>{p}
    $   递增         例：div*5>{div$}
    +   并列         例：p+div
    ()  整体         例：(div+p)*2

初识样式

    style="属性名:属性值;属性名:属性值;"
    color:red      	    文字的颜色 红色
    background-color:   背景的颜色 红色
    font-size:2em       文字的大小
    font-weight:bold 100-900   字体的粗细
    display: block(块元素div)/inline (行内元素span)
    border:1px solid red       边框(宽度  线型  颜色)
    margin:10px     外边框
    padding:10px    内补