HTML/CSS知识点


一、其他表单元素和属性

1.label元素

    1. label为表单定义了一个文本标签,语法格式为:
    案例.1)
           

           
           

     注释:label标签与input绑定,单击label标签也会选中input对应的选框。

2. Tab次序和键盘快捷键

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

 3. 防止改变字段内容

     两种方法:
             1)readonly:仅读,防止修改文本数据。语法:
             2)disabled:使输入控件不可用。语法:

4. fieldset和legend元素

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

                               
                               
                              

二、CSS基础

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

2.样式表的分类

    1. 外部样式表:将样式定义单独放在一个文件中,需要时引用。语法格式:在段使用标记,如:
     
      
     
    2. 嵌入式样式表:用
    使用@import导入一个外部样式表,如:
    
    3. 内联样式表:在HTML标记中直接定义一个style,作用域仅限于应用它的网页元素。
    如:

红色标题


3.样式规则

    1. 样式规则结构示意:
     jk    {属性:值;属性:值;}
    选择器      声明块
    2. 选择器分类:1)原始选择器,如

文本

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

你可能感兴趣的:(HTML/CSS知识点)