zoukankan      html  css  js  c++  java
  • CSS(一):CSS简介和基本语法

    一、CSS简介

    1、什么是CSS

    CSS:Cascading Style Sheet:即层叠样式表。样式定义了如何显示HTML或XHTML元素。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。

    2、CSS的作用

    能控制页面的样式和布局。

    网页文件和样式文件相分离,可以提高开发效率。

    3、CSS的发展史

    1996年CSS1.0推出
    1998年5月CSS2.0推出
    2004年CSS2.1推出
    2010年CSS3.0推出

    二、CSS语法

    1、style标签

    例如:

    <html>
       <head>
         <style type="text/css">
             h1{
                  font-size:12px;
                  color:#F00;
                }
         </style>
       </head>
    </html>

    注意:

    1、<style>标签应写在<head>标签之间。

    2、style元素始终要以<style type="text/css">开头,最后以一个结束</style>标记结尾。

    2、基本语法

    CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。

    1 selector {declaration1; declaration2; ... declarationN }

    选择器通常是您需要改变样式的HTML元素。

    每条声明由一个属性和一个值组成。

    属性是希望设置的样式属性。每个属性有一个值。属性和值使用冒号分开。

    selector {property: value}

    示例:将h1标签内的文字颜色定义为红色,字体大小设置为14像素

    1 h1 {color:red; font-size:14px;}

    下面的示意图展示了上面代码的结构:

    CSS 语法

    注意:

    1、CSS对大小写不敏感。如果涉及到与HTML文档一起工作的话,class和id名称对大小写是敏感的。

    2、声明要使用花括号括起来。

    3、CSS的最后一条声明后的“;”可写可不写,建议都要写上。这样写的好处是:当你从现有的规则中增减声明时,会尽可能地减少出错的可能性。例如:

    p {text-align:center; color:red;}

    4、CSS如果要定义不止一条声明,则需要用分号将每条声明分开。多条声明可写在同一行,但开发时为了便于阅读建议分行写并缩进。例如:

    p {
      text-align: center;
      color: black;
      font-family: arial;
    }

    5、如果属性值由若干单词组成,则要给属性值加引号,例如:

    p {font-family: "sans serif";}
  • 相关阅读:
    四层、七层负载均衡的区别
    confd+etcd实现高可用自动发现
    从零开始搭建etcd分布式存储系统+web管理界面
    从零开始搭建Prometheus自动监控报警系统
    tcpdump工具使用说明
    Nginx的负载均衡
    Nginx的正向代理与反向代理详解
    linux集群自动化搭建(生成密钥对+分发公钥+远程批量执行脚本)
    linux文件权限总结(创建root不可以删除文件、只可追加的日志文件等)
    前端技巧备忘
  • 原文地址:https://www.cnblogs.com/dotnet261010/p/7193558.html
Copyright © 2011-2022 走看看