CSS3 中的一些简单格式

最新推荐文章于 2022-03-16 20:58:44 发布

wotu__

最新推荐文章于 2022-03-16 20:58:44 发布

阅读量448

点赞数

分类专栏： HTML5 文章标签： CSS

本文链接：https://blog.csdn.net/hudaJY/article/details/80636560

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

CSS:
1.格式
<style type="text/css">
标签名称{
属性名称:属性对应的值;
....
}
</style>

2.注意点:
1.写在head 标签之间
2.type = "text/css" (默认也是这个)
3.大多数情况下分号不能省略

样式:
1.行内样式 : 直接将css代码写到开始标签当中
2.内嵌标签 : 可以在<head> 标签中写上一对style标签，然后在style标签中编写css代码
3.外链样式 : 单独新建一个.css文件，把css代码写到给文件中
关联: 通过<head>标签中的link标签把.html和.css关联
4.导入样式 : 通过<style>在标签中的@import url("")

文字属性简写:
font-style:italic;
font-weight:bold;
font-size:10px;
font-family:"楷体";

简写为;
font: italic bold 10px "楷体";

注意点:1.有的属性值可以省略，有的属性值不可以省略！！
style ,weight....可以省略
2.style 和 weight的位置可以省略
3.不可省略的属性值:size
4.size属性值必须在family属性值之前而且位于所有属性值之后

文本装饰属性:
格式:
text-decoration:underline;//添加下划线

文本对齐:
格式:
text-align:right;

color属性修改文字颜色相关:
格式:color:值
取值:
1. 英文单词;
2. rgb 即对应的三原色(r 红色 g 绿色 b 蓝色)
格式:rgb(0,0,0) 里面填写数值表示每个光源原件显示的亮度
0~255之间 (0,0,0)黑色 (255,255,255)白色
三个值相同时为灰色值越小越偏向于黑色值越大越偏向于白色
3. rgba 格式:rgba(0,0,0,1) 最后一个值用于控制透明度
值为1表示不透明值为0表示完全透明 (看不见)
4. 十六进制表示格式:#FF0000;
本质就是rgb FF表示r EE表示g 00表示b