HTML/CSS知识点

来源：互联网发布：sql 毫秒转换成日期编辑：程序博客网时间：2024/05/21 11:03

一、其他表单元素和属性

1.label元素

    1. label为表单定义了一个文本标签，语法格式为：<label for="相关标记得id">标签文本</label>
    案例.1）<label for="male">male</label>
           <input type="radio"id="male"name="sex"/><br/>
           <label for="female">female</label>
           <input type="radio"id="female"name="sex"/><br/>
     注释：label标签与input绑定，单击label标签也会选中input对应的选框。

2. Tab次序和键盘快捷键

    tabindex定义用户按Tab键时，输入字段的选择顺序，为整数值，从小到大，1为第一个。
    语法格式为:<input tabindex="3"/>,其Tab键次序是3.
    accesskey:定义快捷键，属性值为一个字符，Windows下与ALT键配合使用。
    语法格式为:<input accesskey="F"/>,其快捷键为ALT+F.

3. 防止改变字段内容

     两种方法：
             1）readonly：仅读，防止修改文本数据。语法：<input readonly="readonly"/>
             2）disabled:使输入控件不可用。语法：<input disabled="disabled"/>

4. fieldset和legend元素

     fieldset：将在被包含的元素的周围显示一个细边框的盒子。
     legend：放在fieldset元素内部，在盒子上面加一个标题。
     二者配合使用：语法格式为：  <fieldset>
                               <legend>
                               </legend>
                              </fieldset>

二、CSS基础

1.概念:css是层叠样式表（Cascading style sheets）的缩写，用于定义HTML的显示形式。

2.样式表的分类

    1. 外部样式表：将样式定义单独放在一个文件中，需要时引用。语法格式：在<head>段使用<link>标记，如：
     <head>
      <link rel="stylesheet"type="text/css"href="样式表的URL"/>
     </head>
    2. 嵌入式样式表：用<style>元素将样式包含在网页内部的样式设置，作用仅限于该网页。出现在<head>段内。如：
    <style type="text/css">
     样式定义{}
    </style>
    使用@import导入一个外部样式表，如：
    <style type="text/css>
    @import url(样式表的URL）;
    </style>
    3. 内联样式表：在HTML标记中直接定义一个style，作用域仅限于应用它的网页元素。
    如：<h1 style="color:red;">红色标题</h1>

3.样式规则

    1. 样式规则结构示意：
     jk    {属性：值；属性：值；}
    选择器      声明块
    2. 选择器分类：1）原始选择器，如<p>文本</p>,则选择器为p；
                  2）class选择器，如<input class="jk"/>,则选择器为.jk；
                  3）id选择器，如<input id="jl"/>,则选择器为#jl.
       选择器分组：当几个选择器共享相同的声明时，可以分组放在一起，避免重复。各选择器间以逗号隔开。如：h1,h2,h3{}
                 .jk,.jl,.mj{}
                 #main,#only,#some{}
    3. 声明部分，一个属性/值对应组成一个声明，属性和值之间用：分隔，用；结束。一个声明只有一个属性，一个声明块内，可以有多个声明。
    属性值中包含了空格，必须用""括起来，如：p{font-family:"Times New Roman";}

0 0