黑马程序员技术交流社区

标题: HTML，CSS总结 [打印本页]
作者: 古银平    时间: 2012-12-21 09:27
标题: HTML，CSS总结
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>
   <td> </td>
   <td> </td>
   <td> </td>
</tr>
<tr>
   <td> </td>
   <td> </td>
   <td> </td>
</tr>
<tr>
   <td> </td>
    <td> </td>
   <td> </td>
</tr>
</table>
11.    表格跨行跨列,此例依旧是三行三列,第一行的第1列跟第2列合并,colspan=2为跨2列,第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行
例:<table width="300"border="1" cellspacing="0" cellpadding="1">
<tr>
<!--这里的colspan就是向右跨列-->
   <td colspan="2"> </td>
   <td> </td>
</tr>
<tr>
   <td> </td>
<td> </td>
<!--这里的rowspan就是向下跨行-->
   <td rowspan="2"> </td>
</tr>
<tr>
   <td> </td>
   <td> </td>
</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中经常用。

作者: 高境    时间: 2012-12-21 10:17
赞一个！{:soso_e102:}
作者: 王中利    时间: 2012-12-21 13:17
{:soso_e179:}
作者: 穆爱明    时间: 2013-7-9 08:57
学习一下，感谢分享！
作者: 穆爱明    时间: 2013-7-10 09:12
看帖必顶



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2