黑马程序员-html+css基础知识总结

------- Windows Phone 7手机开发.Net培训、期待与您交流! -------

html常用标签及属性总结:

基本结构:头部+主体

<head>

<title></title>

</head>

<body>

</body>

常用格式标签:body(bgcolor属性 background属性 link属性)  font(size和color属性)

<p><br>换段落和换行标记 居中标签center 引文标签blockquote 水平分割线标签hr(size width align color属性)

<h1>~<h6>五种大小标题 粗体B 斜体i 下划线U em strong big 字体形态标签 <a href>超级链接


列表:
<DL><DT><DT></DL> 普通列表,无特殊效果

<UL><LI>单独使用是黑方块项目,和LI一起可以变成圆点或其他

<OL><LI>数字项目


图像:

img标签 常用属性:src链接地址 alt加载失败提示 title悬浮提示文字 width height宽度和高度


table表格:

table建立表格 tr建立一行 td建立一个单元格 表格可以嵌套,即在一个table中嵌入另外一个table

可以用表格来完成对页面内元素的排版,只需要把页面元素写在td内即可


表单:1.输入式表单 <input type=" " value="" name=" " id=" "> 包括 按钮  文本框 浮选和单选框等

2.列表式表单,主要是下拉列表 <select size="">

表单在submit事件发出后,表单内的数据会被提交到用户指定的页面进行处理


div和span:

div和span都可以将元素的集合进行组合分块,方便统一处理,区别在于,div是一个方块,而span仅仅是逻辑分块,当拖拽span块的一部分离开span时,会在拖拽停止的地方再生成一个span,比起div更加灵活一下,另外,在处理css样式时,一个div块往往会作为样式处理的基本单位


css样式表,一些预定义好的样式集合,可以在页面内嵌入,也可以在外部引用,引用的语法为:

<link type="text/css" rel="stylesheet" href="要引用的css文件名"/>

可使用标签选择器进行样式的设置,样式生效根据对应的标签:

标签名{style="background-color:#FF9900; border-color:#000000; text-align:right"}

可使用类选择器定义样式:

.新样式名{样式集合}

可使用id选择器将样式应用于div和span块:

id{样式集合}

<div id="xxx">元素的集合</div>

此外还可也用伪选择器将样式限定在标签的某个状态上,如当align=right时和等于center时应用不同的样式

如此一样,css样式表就可以在外部对表内的任何一个元素进行精确的定位和控制了

下面是标签选择器 class选择器 id选择器的对应关系图:


------- Windows Phone 7手机开发.Net培训、期待与您交流! -------

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值