• 技术文章 >web前端 >html教程

    html进阶css(1)_html/css_WEB-ITnose

    2016-06-24 11:34:59原创313

    html和css的关系

    Hello World


    css的组成:选择器,声明=属性与属性值

    css的语法:选择器{属性:属性值;}

    说明:1)属性和属性值之间用:连接,声明必须要在花括号内

    2)一个选择器可以有多个属性,属性和属性之间用;分号隔开。

    3)一个属性可以用多个属性值,属性值与属性值之间用空格隔开

    meta标签支持html中的全局属性。

    http-equiv属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先要传送给浏览器的mime文档头部包含名称/值对。

    当服务器向浏览器发送文档时,会先发送很多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一格:content-type:text/html。这将告诉浏览器准备一个接受的html文档。(当然现在大多数浏览器都能自动识别HTML文档)

    style type="text/css" 这段代表中间内容的风格是css格式。

    例如:font-size:12px 是控制字体的大小

    color:#930 是控制字体的颜色

    text-align:center 是控制文字居中

    span标签没有语义的它的作用就是为了设置单独的样式。在两种颜色或更多种颜色中它会选择最下面那种颜色。

        
                          css之中的三种语法                      
    

    这里的颜色是红色

    这是另外的一个段落

     以上是3种css的格式: 1)内联样式表就是


    css内联样式表就是把css代码直接写在现有的html标签中。
    2)嵌入式样式表
    嵌入式css样式就是可以把css样式代码写在style标签之中。一般情况下嵌入式css样式写在
    之间。
    3)外联样式表
     
    外联css样式就是把css代码写在一个单独的外部文件中,这个css样式文件以".css"为扩展名,在内(不是在"); }; //check document ready function docReady(t) { "complete" === document.readyState || "interactive" === document.readyState ? setTimeout(t, 1) : document.addEventListener("DOMContentLoaded", t); } //check if wwads' fire function was blocked after document is ready with 3s timeout (waiting the ad loading) docReady(function () { setTimeout(function () { if( window._AdBlockInit === undefined ){ ABDetected(); } }, 3000); });