关于前端的初学（二）

标签：xxx   eset   sel   password   box   按钮   自定义   今天   应用   

　　2.23

　　 今天学了一些简单的标签，列表和表格等之类的，还有一些简单的css样式，特殊字符等。

• 无序列表<ul><li>     （能作用于菜单栏导航条之类的）

• <ul>
  <li></li>
  <li></li>
  <li></li>
  </ul>

   

• 有序列表<ol><li>     （可以做高低排名）

  <ol>
      <li>内容</li>
      <li>内容</li>
      <li>内容</li>
  </ol>
  

• 自定义列表    （用处广泛）

  <dl>
      <dt>标题</dt>
      <dd>内容</dd>
  </dl>
  

有序列表无序列表都能在里面嵌套，不过只能嵌套在<li>里面，而且是同种标签。比如：

<ol>
    <li>
        <ol>
            <li>内容</li>
            <li>内容</li>
            <li>内容</li>
        </ol>
    </li>
    <li>内容</li>
    <li>内容</li>
</ol>       
<ul>
    <li>
        <ul>
            <li>内容</li>
            <li>内容</li>
            <li>内容</li>
        </ul>
    </li>
    <li>内容</li>
    <li>内容</li>
</ul>                    

• 表格制作   （很多年前制作网页多会用到，现在已经很少了，基本上是使用无语义的块级元素<div>）

  <table>
  　　　　<caption>给表格设置标题</caption>
      <tr>
          <td>标题</td>&<th>加粗标题</th>
      </tr>
      <tr>
          <td>标题</td>&<th>加粗标题</th>
      </tr>
      <tr>
          <td>标题</td>&<th>加粗标题</th>
      </tr>
  </table>
  

• 表单<input> 放在form标签里

  <form action=‘提交地址‘>
  <input type=‘text‘>文本输入框
  <input type=‘password‘>密码输入框
  <input type=‘radio‘ checked=‘checked‘>单选框，默认选中。如果是同一组多个选项需要单选，则用name命名实现单选。
  <input type=‘checkbox‘   checked=‘checked‘>复选框，默认选中
  <input type=‘button‘>按钮
  <input type=‘submit‘>提交
  <input type=‘reset‘>重置
  <input type=‘image‘ src=‘xxx.jig‘>
  <select>
      <option selected=‘selected‘>下拉选择框，默认选中</option>
  </select>
  <textarea cols="10" rows="1">文本域，cols宽，rows高</textarea>
  </form>

   

• 三层分离的标准

1. HTML是语义的角度来描述页面结构
2. CSS是从样式上来修饰结构
3. JS是负责让页面动起来

• 命名规则是：0-9，a-z，-,_。组合而成，不能以数字开头。
• 字体属性font-weight的取值范围是100-900，只能整百。
• 选择器分为

1. 通配符选择器*{样式}，很少使用，因为是一项一项的加入样式，会让页面速度变慢
2. 并集选择器，相同元素设置样式
3. 交集选择器，元素和标签设置相同样式
4. 后代选择器，元素或者标签的后代设置样式后相对应的后代元素或者标签就会应用到被设置的样式。

• ctrl+"/"可以快速注释 也能快速取消注释。

还学到了一些特殊字符，不过不怎么常用，就不写出来了~哈哈，偷个懒

关于前端的初学（二）

标签：xxx   eset   sel   password   box   按钮   自定义   今天   应用   

原文地址：http://www.cnblogs.com/chrischan/p/6440785.html