首页 > 代码库 > 漏网之鱼--HTML&CSS

漏网之鱼--HTML&CSS

2024-10-24 15:45:02   210人阅读

一、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类的样式
 

 

漏网之鱼--HTML&CSS


联系
我们