博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html(5) css
阅读量:4676 次
发布时间:2019-06-09

本文共 979 字,大约阅读时间需要 3 分钟。

1.css的语法

 1.1位置
  <head>
    <style type="text/css"
     //css代码
    </style>
  </head>
 1.2语法
  选择器{属性值1:属性值1;
      属性值2:属性值2;
    }
例:
  h1{
    font:size:12px; --字体大小
    color:red; --字体颜色
注意:多个属性用分号分隔
2.选择器
  2.1标签选择器
语法:
  标签名{
    ...
  }
  2.2类选择器
语法:
  .class属性值{
    ....
  }  
步骤:
第一步:给指定的html标签加上class属性
第二步:在stlye中写
.class属性值{
.....
}
 2.3id选择器
语法:
   #id属性值{
    .....
    }
步骤:
第一步:给指定的html标签加上id属性
第二步:在style中写
#id属性值{
....
}
3.引用样式的方法
  3.1行内样式
    使用style属性引入样式
      例:<h1 style="font-size: 60px;color: chartreuse;">进进进进</h1>
  3.2内部样式表
    在head中写style
      例:h1{
          xxx
        }
  3.3外部样式表
    把css代码保存在css结尾的文件中(层叠样式文件)
    把css引入html
引入方法有两种
第一种:链接方式
<link rel="stylesheet" href="文件路径" type="text/css"/>
第二种:导入方式
<style>
@import url("文件路径");
</style>
4.优先级
行内样式>内部样式>外部样式(就近原则)
id选择器>class选择>标签选择器
5交集选择器
  标签选择器(class选择器|id选择器){
    ....
  }
  5.1并集选择器
  选择器1,选择器2,选择器3,选择器4....选择器n{
    ...
  }

转载于:https://www.cnblogs.com/-yuqin/p/6862910.html

你可能感兴趣的文章
20159302《网络攻击与防范》第十一周学习总结
查看>>
04-----对象的单体模式
查看>>
C++静态计算的例子
查看>>
再谈记忆化搜索 HDU-1078
查看>>
在Node中使用ES6语法
查看>>
2015年秋面试心得汇总
查看>>
海外开发者推荐:10个顶级2D游戏资源站
查看>>
redis 在 php 中的应用(Hash篇)
查看>>
2018新年 flag 了解一下(每月初更新...)
查看>>
软件工程概论个人作业02
查看>>
《SSAO》
查看>>
基于.NET平台常用的框架整理(转)
查看>>
the simulation codes of network resource pre-allocation
查看>>
java远程调试
查看>>
SQLite header and source version mismatch 解决方案
查看>>
算法 binary search
查看>>
cocos2d_android 第一个游戏
查看>>
【python小练】0000
查看>>
改变EasyUI默认分页显示数目
查看>>
Maven开始
查看>>