一、HTML
<meta>标签
使用该标签描述网页的具体摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不显示,其目的是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。
1)文档内容类型,字符编码信息
<meta http-equiv="Content-Type content="text/html; charset=gb2312"/>
>名称:Content-Type(文档内容类型)
>值:text/html; charset=gb2312
2)搜索关键字和内容描述信息
<meta name="keywords" content="淘宝网"/>
<meta name="description" content="中国最大的网商"/>
实现的方式:“名称|值”对的形式,keywords表示搜索关键字,description表示网站内容的具体描述。
块级标签
和行级标签相比,块级标签具有如下特点:
1,前后断行显示,块级标签比较“霸道”,默认状态下占据一整行。
2,具有一定的宽度和高度。
3,块级标签常用作容器
特殊符号
空格
大于号>
小于号<
双引号"
版权符号©
line-height 行高
text-align 对齐方式
letter-spacing 字符间距
text-decoration 文本修饰 常用属性值有:underline 下划线 none 无样式
white-space 如何处理空白 white-space="nowrap" 文本溢出不换行
重要背景属性
background-repeat 平铺方式 no-repeat,repeat-x,repeat-y
background-position 初始位置
盒模型层次(3D)从上往下看
第一层:border
第二层:Content(内容),padding
第三层:background-image
第四层:background-color
第五层:margin
超链接伪类
a:link 未单击访问时
a:visited 单击访问后
a:hover 鼠标悬浮其上时
a:active 鼠标单击未释放时
多选择器的组合
li. 标签+类 li.pic{}类名为pic的<li>标签样式
div# 标签+id div#nav{}id为"nav"的<div>标签样式
# . id+空格+类 #nav .pic{}id为"nav"元素内的pic类样式
# . , id+空格+类+逗号 #nav .pic,#nav .text{}id为"nav"元素内的pic和text类的样式