• HTML与CSS的几个知识点[1]


    1、CSS的注释格式/* */。

    2、伪类

    (1)必须将伪类写在元素选择器最后。

    (2)伪类a顺序

    a:link
    a:visited
    a:hover
    a:active

    即:LoVe HAte(爱恨)

    3、几个基本的HTML标签

    具体参见这里

    DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.

    <!DOCTYPE>  定义文档类型。 STF

    <html> 定义 HTML 文档。 STF

    <body> 定义文档的主体。 STF

    <h1> to <h6> 定义 HTML 标题。 STF

    <p> 定义段落。 STF

    <br> 定义简单的折行。 STF

    <hr> 定义水平线。 STF

    <!--...--> 定义注释。 STF

    <b> 定义粗体文本。 STF

    <i> 定义斜体文本。 STF

    <em> 定义强调文本。 STF

    <big> 定义大号文本。 STF

    <strong> 定义语气更为强烈的强调文本。 STF

    <small> 定义小号文本。 STF

    <sup> 定义上标文本。 STF

    <sub> 定义下标文本。 STF

    <bdo> 定义文本的方向。 STF

    <u> 不赞成使用。定义下划线文本。 TF

    <pre> 定义预格式文本 STF

    <code> 定义计算机代码文本。 STF

    <acronym> 定义只取首字母的缩写。 STF

    <abbr> 定义缩写。 STF

    <address> 定义文档作者或拥有者的联系信息。 STF

    <blockquote> 定义块引用。 STF

    <q> 定义短的引用。 STF

    <cite> 定义引用(citation)。 STF

    <ins> 定义被插入文本。 STF

    <del> 定义被删除文本。 STF

    4、选择符规则: 计算特性

    基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。

    1. 统计选择符中的ID属性个数。
    2. 统计选择符中的CLASS属性个数。
    3. 统计选择符中的HTML标记名格式。

    最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:

    #id1         {xxx} /* a=1 b=0 c=0 --> 特性 = 100 */
    UL UL LI.red {xxx} /* a=0 b=1 c=3 --> 特性 = 013 */
    LI.red {xxx} /* a=0 b=1 c=1 --> 特性 = 011 */
    LI {xxx} /* a=0 b=0 c=1 --> 特性 = 001 */

    5、保存文件编码格式

    HTML、CSS、javascript文件编码格式最好统一。不能统一的也要指定好格式。

    HTML指定编码:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>demo</title>
    <link href="/demo.css" rel="stylesheet" type="text/css">

    调用js文件:

    <script src="/xx.js" type="text/javascript" encoding="utf-8"></script> 

    在CSS文件中声明编码:

    @charset "utf-8";
  • 相关阅读:
    2019-04-02 cast and covert
    2019-04-01 为什么零售业务流行起来了?
    2019-04-01 银行的零售业务和对公业务
    服务器推送更新
    webpack 大概
    webpack
    react Hooks
    react 表单受控和非受控
    eslint规则
    react系列笔记:第三记-redux-saga
  • 原文地址:https://www.cnblogs.com/afarmer/p/1634084.html
Copyright © 2020-2023  润新知