zoukankan      html  css  js  c++  java
  • 11-19网页基础--第二部分CSS样式表基本概念

    CSS,全称(Cascading Style Sheets,层叠样式表),作用是美化HTML网页。

    一、基本概念:是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    你可能对CSS这个名词比较陌生,实际上无论你用InternetExplorer还是
    NetscapeNavigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工
    具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼。

    二、基本分类

    1、内联样式表(和html联合显示,控制精确,但是可重用性差,冗余多)

    例:<p style="font-size:14px;">内联样式表</p>

    以上就是一个简单的内联样式表,用在<body>中的标签中,相当于style附在标签中,只改变该标签p中的样式和格式。

    2、内嵌样式表

    例:<style type="text/css">

    p    //格式对p标签起作用

    {

     样式;

    }

    </style>

    这是一个内嵌样式表,就是把<style>样式单独抽出来,放在<head>中,独立控制p标签的样式和格式。

    3、外部样式表(显而易见,就是独立于html的文件,但是仍然需要html调用该外部样式表才能发挥其作用)

    需要新建一个CSS文件,用来单独存放样式表。当在html中调用此样式表时,需要在html文件右击---CSS样式--附加样式表。当连接成功后,在html文件<head>中会出现<link..>的类似连接路径的标签。

    4、有些标签有默认的边距,一般写样式表代码的时候都会先去除(也可以设置其他样式),如下:

    <style type="text/css">

    *    //格式对所有标签起作用

    {

      margin=0px;

     padding=0px;

    }

    </style>

    三、选择器

    1、单一选择器

    1)标签选择器---用标签名做选择器

    2)class选择器---都是以“.”开头

    3)ID选择器---以“#”开头

    2、复合选择器

    1)用“,”隔开,表示并列

    2)用空格隔开,表示后代

    3)筛选“.”

  • 相关阅读:
    Python-Basis-9th
    Python-Basis-8th
    Python-Basis-7th
    Ubuntu-Basis-4th
    Ubuntu-Basis-3rd
    Ubuntu-Basis-2nd
    Ubuntu-Basis-1st
    疯狂java第五章&&第六章-面向对象
    疯狂java第四章-流程控制与数组
    疯狂java第三章-数据类型和运算符
  • 原文地址:https://www.cnblogs.com/xiaoqingshe/p/4119762.html
Copyright © 2011-2022 走看看