漏网之鱼--HTML&CSS

时间:2024-07-14 10:07:02

一、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,块级标签常用作容器

特殊符号
   空格 &nbsp;
   大于号&gt;
   小于号&lt;
   双引号&quot;
   版权符号&copy;

二、CSS
常用文本属性
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类的样式