• 002_01CSS


      CSS:Cascading Style Sheets(层叠样式表)   CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

      CSS和HTML结合的方式:

        1,sytle属性方式(行内样式)      

          利用标签中style属性来改变每个标签的显示样式。 例:<p style=" color:#FFFFFF"> p标签段落内容。 </p>

        2,style标签方式(内嵌样式)

          在head标签中加入style标签,对多个标签进行统一修改。     

          <head>

            <style type=”text/css”>

              p { color:#FF0000;}

            </style>

          </head>

        3,导入方式

          前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到,那么就用到这种方式。

          <style type="text/css">

            @import url(css_3.css);

            div { color:#FF0000;}

          </style>

        4,链接方式

          通过head标签中link标签来实现,前提也是先要有一个已定好的CSS文件。

          例: <link rel="stylesheet" type="text/css" href="css_3.css" />

      CSS扩展选择器

        1,关联选择器

          标签是可以嵌套的,要让相同标签中的不同标签显示不同样式,就可以用此选择

          例: p { color:#00FF00;}

             p b { color:#FF000;}

            <p>P标签<b>刘德华</b>段落样式</p>

            <p>P标签段落</p>

        2,组合选择器

          对多个不同选择器进行相同样式设置的时候应用此选择器。

          p,div { color:#FF0000;}

          <p>P标签显示段落。</p>

          <div>DIV标签显示段落</div>

        3,伪元素选择器

          其实就在html中预先定义好的一些选择器。称为伪元素。是因为CSS的术语。

          格式:标签名:伪元素

          a:link 超链接未点击状态。

          a:visited 被访问后的状态。

          a:hover 光标移到超链接上的状态(未点击)

          a:active 点击超链接时的状态。

      

      CSS的常见操作

        CSS中尺度单位的介绍

        字体设置

        文本设置

        背景设置

        列表设置

        盒子模型(border margin padding)

        定位设置(position,float,clear,z-index)

        鼠标样式设置(cursor)

    物随心转,境由心造,一切烦恼皆由心生。
  • 相关阅读:
    python+requests+re匹配抓取猫眼上映电影信息
    Qt 5.12 LTS 部署
    Apache 日志记录相关设置
    php curl 相关知识
    Apache缓存相关配置
    Apache开启GZIP 压缩网页
    Apache 相关 mod_rewrite ,RewriteCond,{HTTP_HOST}
    Andriod you must restart adb and eclipse
    JDK 环境变量的配置
    http 协议详解
  • 原文地址:https://www.cnblogs.com/woodrow2015/p/4547507.html
Copyright © 2020-2023  润新知