17.HTML,CSS

来源：互联网发布：悟空传说网络不大好编辑：程序博客网时间：2024/05/22 04:44

HTML常用属性:

Width=宽度

Height=高度

Size=大小

Color=颜色

Align=布局方向,值包括(top,bottom,left,right,center)上下左右中

Border=边框大小

Title=提示文字

Href=连接路径

Src=资源路径

Bgcolor=背景颜色

常用标签:

1. <br />换行标签

2. <p>段落标签

3. <b>粗体显示</b>

4. <i>斜体显示</i>

5. <u>删除线</u>

6. 超连接标签,href=连接地址,Target=是否新建页面打开,title=提示文字

例:<a href="http://www.baidu.com"Target="_blank" title="连接百度">百度</a>

7. 滚动标签,scrollamount=滚动速度,align=滚动方向,值包括(top,bottom,left,right,)上下左右

例:<marquee scrollamount="20"align="left">公告通知:开始正式运营</marquee>

8. 水平线标签,size=线条粗细,color=线条颜色,width=100%:表示浏览器满屏显示,100px:表示浏览器100个像素显示

例:<hr size="1"color="red" width="100%"/>

9. body标签有且只能有一对,此标签属性一改,整个页面都会改变.bgcolor=背景颜色,background=背景图片

例:<body bgcolor="#990000"background="123.jpg">

10. 表格标签,以下表格为三行三列,table表格标签,tr行标签,td列标签,这些标签都是成对出现的,有开始就必须有结束.border=表格边框大小,cellspacing=表格间距大小,cellpadding=表格填充大小

例:<table width="300"border="1" cellspacing="0" cellpadding="0">

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

11. 表格跨行跨列,此例依旧是三行三列,第一行的第1列跟第2列合并,colspan=2为跨2列,第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行

例:<table width="300"border="1" cellspacing="0" cellpadding="1">

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

12. 字体标签，size=字体大小，color=字体颜色

例：<font size="+2"color="#990000">红色5号字体</font>

Get和post区别?

Get提交,提交的信息显示在地址栏中

Post提交,提交的信息不显示在地址栏中;

Get提交,对敏感的数据信息不安全;

Post提交,对敏感的数据信息安全;

Get提交,对于大体积数据不行,因为地址栏长度有限;

Post提交,可以提交大体积数据信息;

Get提交,将请求信息封装到了请求行中;

Post提交,将请求信息封装到了请求体中;

标签分两大类

1,块级标签(元素):标签结束后都有换行;dl table div p title ol ul

2.行内标签:标签结束后没有换行:fontspan a img input select

Css和html结合的四种方式:

1. style属性方式：

利用标签中style属性来改变每个标签的显示样式。

2. style标签方式：（内嵌方式）

在head标签中加入style标签，对多个标签进行统一修改。

3. 导入方式：

前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到，那么就用到这种方式

4. 链接方式：

通过head标签中link标签来实现，前提也是先要有一个已定好的CSS文件

通常ID的取值在页面中是唯一的,因为噶属性除了给css使用,还可以被js使用,id通常都是为了去标示页面中一些特定区域使用的

选择器优先级:

标签选择器 <类选择器 < id选择器 < style属性;

CSS代码格式

选择器名称 { 属性名：属性值；属性名：属性值；…….}

属性与属性之间用分号隔开

属性与属性值直接按用冒号连接

如果一个属性有多个值的话，那么多个值用空格隔开。

选择器：

就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。

选择器共有三种：

a) html标签名选择器。使用的就是html的标签名。

b) class选择器。其实使用的标签中的class属性。

c) id选择器。其实使用的是标签的中的id属性。

每一个标签都定义了class属性和id属性。用于对标签进行标识，方便对标签进行操作。

在定义的中，多个标签的class属性值可以相同，而id值要唯一，因为JavaScript中经常用。