首页 > 代码库 > 漏网之鱼--HTML&CSS
漏网之鱼--HTML&CSS
一、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,块级标签常用作容器
特殊符号
空格
大于号>
小于号<
双引号"
版权符号©
二、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类的样式
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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。