css基础

作者: Nico酱 | 来源:发表于2016-08-17 19:58 被阅读21次

    1、css英文全称及汉译

    cascading style sheet 层叠样式表

    2、创建内部样式的语法:

    <style type="text/css">
        css语句
    </style>
    

    3、写出CSS语法

    每个css样式有两部分组成,选择符和声明,声明又包括属性和属性值
    属性需要放在花括号内,属性和属性值通过冒号连接
    当一个属性有多个属性值时,属性值不分先后顺序
    空格,回车等操作不影响显示
    

    4、外部样式两种调用方法

    1. link调用

      <link type="text/css" rel="stylesheet" href="adress" />
      
    2. import导入

      <style type="text/css">
       @import url("adress");
      </style>
      

      5、CSS选择符大概包括哪几种,分别写出ID选择符、CLASS选择符、包含选择符,群组选择符的语法。

    *标签选择符 类选择符 ID选择符 通类选择符 包含选择符 群组选择符 伪类选择符 伪类对象选择符

    id选择符 #id名{属性:属性值;}

    类选择.类名{属性:属性值;}

    包含选择 选择符1(父类) 选择符2(子类){属性:属性值;}

    群组选择选择符1,选择符2,选择符3{属性:属性值;}

    伪类选择 a:link{color:red;} a:visited{color:yellow;} a:hover{color:green;} a:active{color:black;}

    6、 写出伪类选择符的正确顺序。

    a{color:red;}

    a:hover{color:blue;}

    7、写出html和css的注释

    html ``

    css /*这里也是注释,哈哈哈哈*/

    8、写出html的语法

    双标记: <标记名></标记名>

    空标记: <标记名 />

    注释: ``

    9、写出HTML5 基本结构

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <title>subtitle</title>
      </head>
      <body>
        
      </body>
    </html>
    

    10、写出多行文本框(文本域)

    <textarea name="name" col="" row="" ></textarea>

    11、HTML中有三种列表,分别是写出三种列表的结构。

    无序列表

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

    有序列表

    <ol>
      <li></li>
      <li></li>
    </ol>
    

    自定义列表

    <dl>
      <dt>名词</dt>
      <dd>解释</dd>
    </dl>
    

    相关文章

      网友评论

          本文标题:css基础

          本文链接:https://www.haomeiwen.com/subject/dmomsttx.html