css字体样式代码大全_【CSS】1 CSS简介及属性

861e859299f2fc0f5126940f382eaea1.png

1、CSS简介

(1)CSS是层叠样式表(Cascading Style Sheets)的简称。

(2)CSS主要作用:美化网页、布局页面。

(3)CSS最大的价值:由HTML专注做结构呈现,样式交给CSS,即结构(HTML)和样式(CSS)相分离。

(4)CSS规则主要由两个主要部分构成:选择器及一条或多条声明。

7836dcfe5f6ded0a317c6938ca3a3da9.png
  • 选择器用于指定CSS样式的HTML标签,花括号内是对该对象设置的的具体样式。
  • 属性和属性值以“键值对”的形式出现。
  • 属性是对制定对象设置的样式属性,例如字体大小、文本颜色等。
  • 属性和属性之间用英文“:”分开。
  • 多个键值对之间用英文“;”进行区分。

代码风格建议:

  • 分行写,每个属性写一行
  • 选择和大括号中间留一个空格
  • 冒号后,属性值前留一个空格

2、CSS基础选择器

CSS选择器作用:选择标签

详见下一节:

仲夏微:【CSS】2 选择器​zhuanlan.zhihu.com
d9f2242934f72505d1fe595d4301fd23.png

3、CSS字体属性

(1)常用字体属性

118542a1117743545dc52864919a57dc.png

(2)font复合属性

可以把以上文字样式综合来写,节约代码。

格式:font: font-style font-weight font-size/line-height font-family;

比如:

body
  • 使用font属性时,必须按上面语法格式中的顺序写,不能更换顺序,各个属性间以空格隔开。
  • 不需要设置的属性可以省略,但必须保留font-size和font-family属性,否则font属性将不起作用。

4、CSS文本属性

d5b956e7391402283b62f3e57b53234e.png

5、CSS的引入方式

(1)行内样式表(行内式)

在标签内部写个style属性,适合修改简单的样式。

(2)内部样式表(嵌入式)

将所有的CSS代码抽取出来,单独放到一个<style></style>标签中。

<

<style></style>标签一般放在<head></head>标签里。

(3)外部样式表(链接式)

开发过程中,使用的最多的方式。

先单独写一个CSS样式文件,然后在HTML页面通过<link>标签引用

<

总结:

9e96d5f97ad73f595e09bc54775aeb8f.png
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值