学习笔记1(示例之后传上来)

<Br/>  :换行(只是换行,并无较大空格)
<p> </p>  :分段(两段之间有有较大的空格)
&nbsp  :Html中显示的空格
&lt   :小于号
&gt   :大于号

<a>   :target=”_blank”此链接新打开一个页面;
     Name=”last” 配合<a href =”#last”>kkk</a>来跳到超链接的部分

<hr/>  :水平分割线

<img>  :<img src=”a.jpg”/>图片是链接的,不是插入的。
     alt 是没图片时显示的文本
     border 图片边框,等于0时无边框
     要显示小图时,不要通过设置width,height来改变大小,因为加载时还是加载大图,会拖慢加载速度

列表  :<ul> unordered list
     <ol> ordered list

表格  :<table></table>表格 border:边框设置
     <tr></tr>通过它建行 align:水平对齐
     <td></td>通过它建列

表单  :<form> 如果要把数据提交到服务器则需要把<input> <textarea><select>等表单元素放到form中
<input> 属性type可选值(submit、button、checkbox、file、hidden、image、password、radio、reset、text)

<select>  :类似于winformz中的ComboBox或者ListBox。如果Size属性大于1就是ListBox否则就是ComboBox。<select multiple=”multiple”>是可以多选的ListBox。
   <option value=””  selected=””> 是<select>中的项
   <optgroup lable = “”></optgroup>分组

<textarea> :中的属性cols,rows表示列数和行数。

<fieldset> :相当于WinForm里的groupBox控件
   子项:<legend>标题</legend>

<span>  :div是将内容放到一个矩形的区块中,会影响布局;span是把一段内容定义为一个整体进行操作,不影响布局和显示


                             CSS部分
css中计量单位:px(像素)、30%、em(相对单位)

display :元素是否显示,可选值none(不显示)、block(显示为块级元素,此元素前后会带有换行符)、inline(显示为内联元素,此元素前后没有换行符)

cursor :在元素上显示的光标图标,可选值cursor(默认光标)、pointer(超链接上的手)、text(输入Bean)、wait(忙沙漏)、help(帮助)等

LIST-STYLE-TYPE:none 一般设置在li或者ul上(不显示圆点)

关联选择器 :P strong{background-color:Yellow}
    表示P标签内的strong标签内的内容使用的样式
    <strong>abcdefg</strong>
    <p><strong>abcdef></strong></p> 样式对此处有效

组合选择器 :同时为多个标签设定一个样式
    H1,H2,input{background-color:Green}
    <h1>abcd</h1>
   <input type = “text” value = “test”/>

A:visted{TEXT-DECORATION:none}
A:active{TEXT-DECORATION:none}
A:link{TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:underline}

posted @ 2013-08-04 20:27  第九剑  阅读(89)  评论(0)    收藏  举报