鱼C论坛

 找回密码
 立即注册
查看: 2105|回复: 3

[学习笔记] 【CSS3】第一弹:食用方法

[复制链接]
发表于 2020-4-3 10:38:22 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 weiter 于 2020-4-4 19:05 编辑

游客,如果您要查看本帖隐藏内容请回复

上次看到鱼油搞了个HTML5的,那我也搞个CSS3吧
如题,今天我们复习(或预习?)CSS3的食用方法.如果已经看过教程的鱼油的话已经知道了
CSS3有两种,emmm不对,是三种食用方法。
在复习这几种方法前先复习一下CSS的结构:选择器{属性: 值;属性: 值}
游客,如果您要查看本帖隐藏内容请回复

欧克,先来说一下第一种:内联样式,这玩意语法长这样:
  1. <p style="color: red; background_color: blue">你好</p>
复制代码

这个要放到可以调用用CSS的标签里
这个就不用多说了,看看下第二种:内联样式,这时候就要放在head上了
  1. <style>
  2.     p{
  3.         color: red;
  4.     }
  5. </style>
复制代码

一个style标签包裹着,就是啦。这样子更方便阅读,不会出现在内联样式里可能会出现的一大坨,没法看的东西。
然后就是第三种:外部样式表。
这时候要在原来的html文件里加上一个link标签,然后加上文件路径,一般是写相对路径,比如酱紫:
  1. <link type="text/css" href="xxxx.css">
复制代码

上面这个代码是在同一个文件夹下的,其他的详见教程或者发帖问人叭。
加上这样的代码之后就建立一个css文件,命好名,就可以开始写了。就像酱紫:
  1. p{
  2.     color: red;
  3. }
复制代码

这个时候就不用写style了,因为。。。没有因为。
最后插一句,CSS3的注释长这样:
游客,如果您要查看本帖隐藏内容请回复


游客,如果您要查看本帖隐藏内容请回复

如果喜欢,请收藏或订阅哦
【CSS3】第二弹:一抹亮丽的色彩
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-4-3 10:43:36 | 显示全部楼层
先来个沙发
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-4 18:55:05 From FishC Mobile | 显示全部楼层
学习一下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-4 18:55:27 | 显示全部楼层

终于有人回帖了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-2 19:47

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表