zoukankan      html  css  js  c++  java
  • 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)筛选“.”
  • 相关阅读:
    文件夹对比工具
    删除eval key
    Mongodb Backup and Restore
    RabbitMQ Management界面中查看NaN的队列
    css文字描边
    网页适配 iPhoneX,就是这么简单
    VSCode 配置使用less转成.min.css压缩
    css3随着外层包裹的旋转里面的图标为正
    安装nginx+免费https证书
    在线微博数据可视化
  • 原文地址:https://www.cnblogs.com/dlexia/p/4511192.html
Copyright © 2011-2022 走看看