首页 > 代码库 > 前端初步预习(2)

前端初步预习(2)

  • 无序列表
<ul>
     <li></li>
     <li></li>
</ul>
  • 有序列表
<ol>
    <li></li>
    <li></li>
<ol>
  • 自定义列表
<dl>
      <dt></dt>
      <dt></dt>
</dl>
  • 表格   <td>可以加入其它标签:例如<h1>标题标签
    <table>
    <tr>
         <td></td>
         <td></td>
    <tr>
    <tr>
         <td></td>
         <td></td>
    <tr>
    </table>

    table属性:bordor 边框  width 宽  height 高   cellspacing 单元格之间的空边   cellspadding  单元格与内容的空白

    <th></th> 标签:起表头作用。

        <thead></thead> 标签:用来存放当前的表头

        <coption></coption> 表格标题

  • 表单 from

             input 输入框 , password 密码  ,  submit 提交

             radio 单选 :value-->默认值

             checkbox 多选  , rest 重置 , buttom 按钮  ,textarea 文本域 ,select 下拉选择框 默认值 select=“selected”

             图片按钮 image

<input typt="image" src="路径">  

 checked= "checked" 默认选中   radio和checkbox

 

css :负责修饰结构

js:负责让页面动起来

html:语义的角度来描述页面结构

  • 字体属性  font

        font-size :大小

        font-weight :粗细(取值100-900,整百) hold 加粗

        font-family:字体系列

       一个标签只能有一个id名,只能给一个标签设置这个id名

     (id命名规则=只能用0-9,a-z,A-Z,_,-,并且不能以数字开头)

  • 通配符
*{


}
  • 并集选择器

例如

p,span{


}
  • 交集选择器

标签.类名{

 

}

  • 后代选择器(被选择器的所有的后代都会有被设置的属性)

.类名 标签{

 

}

  • 子代选择器:得到当前标签的直接子元素

选择器>选择器{

 

}

 

前端初步预习(2)