当前位置:Gxlcms > html代码 > 漏网之鱼HTML&CSS_html/css_WEB-ITnose

漏网之鱼HTML&CSS_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:4人阅读

一、HTML

标签
使用该标签描述网页的具体摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细描述等。标签描述的内容并不显示,其目的是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。
1)文档内容类型,字符编码信息

>名称:Content-Type(文档内容类型)
>值:text/html; charset=gb2312
2)搜索关键字和内容描述信息


实现的方式:“名称|值”对的形式,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的

  • 标签样式
    div# 标签+id div#nav{}id为"nav"的
    标签样式
    # . id+空格+类 #nav .pic{}id为"nav"元素内的pic类样式
    # . , id+空格+类+逗号 #nav .pic,#nav .text{}id为"nav"元素内的pic和text类的样式
  • 人气教程排行