前端初步预习

Posted 2020-09-02

• 无序列表

<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{


}

• 交集选择器

标签.类名{

 

}

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

.类名 标签{

 

}

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

选择器>选择器{

 

}