认识css

css:层叠样式表,样式表目前版本是3.0,css3.0简称为c3

主要作用:美化网页,修饰网页

css书写的位置:

1、内部样式(代码量少)

​ 在head标签中创造style标签,style标签中就是css代码书写的位置

2、外部样式(代码量多)

​ 单独创造一个后缀名为.css的文件,这个文件就是外部样式文件

​ 需要把html和css关联在一起,关联方式:

​ 方法一:在HTML文件的head中写link标签,href中写你需要关联的css文件路径即可

​ 方法二:@import

link和@的区别:

  1. link属于html语法。@属我css语法
  2. Link随着标签一起加载,但是@会等到标签加载完毕才会加载css,所以网速不好的时候会出闪频现象
  3. link没有兼容问题,@是css2.1才出来的新方式,所以一些特别老的浏览器可能不支持
  4. link的方式is可控,@的方式js不可控

3、行内(内联)样(不推荐使用)

​ 直接在标签上写style属性

​ 如果只有一个样式语句可以用一下,样式语句多一定不能用

css的语法:

选择器{样式语句}

选择器:就是用来找标签的

样式语句:官方叫法叫做声明

声明分为两个部分,冒号前的叫做属性名字(样式名字),冒号后叫做属性值(样式值)

在一个{}中可以写很多条声明,也就是可以写很多条样式语句

  • 20
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@末之凉秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值