Chinaunix首页 | 论坛 | 博客
  • 博客访问: 71726
  • 博文数量: 24
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 245
  • 用 户 组: 普通用户
  • 注册时间: 2014-12-10 08:06
文章分类
文章存档

2015年(24)

我的朋友

分类: Html/Css

2015-04-07 16:59:46

什么是HTML文档
HTML是一种超文本标记语言(Hyper Text Markup Language)是文档中的一种。
HTML文档以.html、htm、shtml结尾
不同的后缀的区别:
在windows系统下HTML的文档的后缀为:
html、.htm、.shtml、.shtm、.stm、.tpl、.lasso 和 .xhtml
对于macintoshHTML的文档的后缀为:
.html、.htm、.shtml、.shtm、.tpl、.lasso、.xhtml 和 .ssi。

HTML文档中的内容可以分为3个部分
<!DOCTYPE...........>       #说明文档类型,告知浏览器此页面为                                                      HTML文档,并以严格标准或兼容标准                                                    
来解析HTML文档。

                        

             #头部的内容一般是给搜索引擎看的

             #body中的内容是给用户看的


的作用和类型
此标签告知浏览器哪种HTML或XHTML规范。
该标签可声明3中DTD类型:
(1)strict,严格版本
(2)traditional,过度版本
(3)frameset,基于框架
完整部分为:
声明了文档的根元素为HTML,

它在公共标识符被定义为

 

"-//W3C//DTD XHTML 1.0 Strict//EN" 

 

DTD 

中进行了定义。浏览器将明白如何寻

找匹配此公共标识符的

 

DTD

。如果找不到,

浏览器将使用公共标识符后面的

 

URL 

作为

寻找

 

DTD 

的位置。


它在公共标识符被定义为

 

"-//W3C//DTD XHTML 1.0 Strict//EN" 

 

DTD 

中进行了定义。浏览器将明白如何寻

找匹配此公共标识符的

 

DTD

。如果找不到,

浏览器将使用公共标识符后面的

 

URL 

作为

寻找

 

DTD 

的位置。

它在公共标识符被定义为,"-//W3C//DTD XHTML 1.0 Strict//EN" 的DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,找匹配此公共标识符的 DTD。如果找不到,

寻找

 

DTD 

寻找

 

DTD 

的位置

寻找

 

DTD 

的位置。

寻找

 

DTD 

的位置。

浏览器将使用公共标识符后面的

 

URL 

作为

浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
id不能用数字表示。

寻找

 

DTD 

的位置

寻找

 

DTD 

div用来布局,c
ss用来控制

如何让两个div并排显示?
在css中加入浮动控制,
向左浮动:  float:left;
向右浮动:  float:right;
CSS字体控制
color:blue;控制字体颜色。
font-style:italic;控制字体的形状,italic 斜体。
font-weight:bold;字体加粗。
font-size:20px;字体大小
line-height:10px;行高
font-family:“SimHei”;将字体设置为黑体
也可以用以个语句包含上面所有设置,但要按照上面的顺序来写。
font:italic bold 20px/10px “SimHei”;不包含颜色,字体大小要与行高用“/”来分开。

CSS设置背景图片
body
{
        background-color:blue;设置背景颜色
        background-image:url(small.jpg);将HTML文件所在目录下                                                                          的图片设                                                                         置为背景图片。
        background-repeat:repeat -x;只在水平方向上铺
                                                             no-repeat显示一幅
       background-attachment:fixed;图片随着滚动条位置不变
}    

精确控制图片的位置
(1)background-position: position-x position-y
          position-x 的参数有:left      center       right
         

(2)background-position: **px **px;
         第一个参数为x轴,向右移动为正,向左移动为负
         第二个参数为y轴,
向向移动为正,向右移动为正

(1)外部连接一个CSS文件(文件后缀为.css),在HTML文件的头部          加入


伪类控制
a :link
{
      color: red;鼠标未点击前的颜色。     
}
a :visited
{
     color: purple;访问后的颜色
}
a :hover
{
     color: blue;鼠标放在字上的颜色
}
a :active
{
     color: green;鼠标处于点击状态时的颜色
}
填写这四种状态时一定要按照上面的顺序来写。
阅读(561) | 评论(0) | 转发(0) |
0

上一篇:STM32多机通信

下一篇:linux socket编程基础

给主人留下些什么吧!~~