• 开始学习css


    今天开始学习css;应用一本《HTML5与CSS3网页设计基础》

    先学习css样式规则声明。

    Body{ color:blue}

    对应:选择符:{声明属性:声明值};

    Background-color:属性

    Body{ Background-color:yellow}

    配置元素背景颜色css属性是Background-color:,颜色是黄色

    Color属性

    Body{ color:red}

    配置文本颜色css属性是color,颜色是红色。

    配置背景颜色也文本颜色

    Body{ Background-color:yellow  color:red }

    注意:css语法允许通过多种方式配置颜色:

    l  十六进制颜色值

    l  十六进制短颜色值

    l  十进制颜色值(RGB三元组)

    l  Css3新增的HSL

    配置css方式有四种:内联,嵌入,外部和导入。

    Style属性

    <h1 style=“color:#cc0000”>

    如果属性不止一个,用;分割开。

    <h1 style=“color:#cc0000 Background-color:yellow”>

    将全局body标记配置成白底绿字。这种样式也会被其他元素继承

    <Body style=“Background-color:yellow  color:#cc0000”>

    h1元素配置成绿底白字。将覆盖body元素的全局样式。

    <h1 style=”background-color:#008080; color:#F5F5F5;”>

    内联样式并不常用。它的效率并不高,并且会给网页带来额外的代码。不便于维护。

    配置嵌入的css

    嵌入样式将于与整个文档,这些样式将要放在head部分的<style>中,以<style>开始,以</style>结束。

    代码为

    <head>

    <style>

    Body{

    Background-color:#CCFFFF;

    Color:#000033;

    </style>

    </head>

    }

    嵌入的css样式可以用于h1,h2,div,p,ul,ol,li,等元素

    在head中配置body,h1,h2

    <style>

    Body{background-color:#E6E6F6;color:#191970;}

    h1{background-color:#E6E6F6;color:#191970;}

    h2{background-color:#E6E6F6;color:#191970;}

    配置外部css

    当css位于网页文档内部时,css的灵活性与强大才真正显露无遗。

    外部样式是包含css样式规则的文本文件,使用. Css拓展名。通过link相关联。因此,多个网页可以共同关联同一个. Css文件。

    Link元素

    Rel属性值是“stylesheet”

    Href属性值是“.css”文件名

    Type属性值是“text/css”

    例如在head中加入一下代码,将网页和外部样式表与color.css关联。

    <link rel=”stylesheet” href=””color.css”>

  • 相关阅读:
    PHP---无限极分类数组处理
    PHPExcel数据导入(含图片)
    PHP数组与xml互相转换
    微信APP支付【签名失败】
    winform窗体关闭方案
    ss的优先级 和 权重
    Anaconda 与 conda 区别
    c#FileStream文件读写
    C# DataTable 某一列取算
    关于解决DevExpress用DevExpress patch工具破解后经常弹出试用框的问题
  • 原文地址:https://www.cnblogs.com/miffees/p/5995065.html
Copyright © 2020-2023  润新知