cssday01

最新推荐文章于 2024-05-24 02:08:26 发布

小太阳啊~

最新推荐文章于 2024-05-24 02:08:26 发布

阅读量92

点赞数

分类专栏：学习文章标签： javase java 开发语言

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/xjj168323/article/details/121620384

版权

学习专栏收录该内容

42 篇文章 0 订阅

订阅专栏

CSS

css的使用方式

   <style type="text/css">
        p{
            color: blue;
            font-size: 36px;
        }
    </style>

css嵌入方式【书写位置】
- 行内样式表【不推荐使用】
```
<p style="color:red;">
    第一段落
</p>
```
- 内部样式表
  - 书写在<style>标签内【<style>标签一般建议书写位置：<head></head>标签内】
- 外部样式表【推荐使用】
  - 定义外部样式表：demo.css
  - 引入外部样式表：<link href="demo.css" type="text/css" rel="stylesheet">
    - href:设置引入文件路径
    - rel：设置引入文件于当前文件关系
    - type：设置文件类型
总结：css嵌入方式优先级【行内》行外》外部】
css选择器：
- 标签选择器：这种的选择器是将整个标签都都做改变（适合标签的所有东西都要改变）
```
div{
     color:red;
}
```
- id选择器这是是将有id为div2的做改变（这种方式多个需要改变时不好用）（注意是#+id）
```
#div2{
     color : red;
}
<div id="div2" >语句二</div>
```
- 类选择器:这种是将有 class = f_s做出改变（适合多个改变）
```
 f_s（类名）{
         color : red;
}
<div class = f_s（类名） >语句二</div>
<div class = f_s（类名）>语句三</div>
```
  总结：选择器的优先级：ID选择器》类选择器》标签选择器
css中颜色取值
- 颜色名
- 十六进制
  - #ff0000；代表红色
  - #00ff00；代表绿色
  - #0000ff：代表蓝色
- rgb（）
  - rgb（255，0，0）红色
  - rgb（0，255，0）绿色
  - rgb（0，0，255）蓝色

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
cssday01

CSS css的使用方式 <style type="text/css"> p{ color: blue; font-size: 36px; } </style> css嵌入方式【书写位置】行内样式表【不推荐使用】 <p style="color:red;"> 第一段落</p> 内部样式表书...
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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