CSS基础知识(四)CSS引入方式 字体样式及文本样式

文章目录一、CSS引入方式(样式表)(一)内部样式表(嵌入式)(二)行内样式表(行内式)(三)外部样式表(链接式)二、CSS字体样式(一)字体系列(font-family)(二)字体大小(font-size)(三)字体粗细(font-weight)(四)字体样式(font-style)(五)字体复合属性(font)一、CSS引入方式(样式表)(一)内部样式表(嵌入式)内部样式表是写到HTML页面内部的,将所有的CSS代码抽离出来,单独放到一个<style>标签<style>
摘要由CSDN通过智能技术生成

一、CSS引入方式(样式表)

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

  1. 内部样式表是写到HTML页面内部的,将所有的CSS代码抽离出来,单独放到一个<style>标签
  2. <style>标签理论上可以放到HTML文档的任何地方,但是一般会放在稳当的<head>标签中
  3. 此方式方便控制当前整个页面中的元素样式设置
  4. 代码结构清晰,但并没有实现结构和样式完全分离

(二)行内样式表(行内式)

<div style="color:red font-size:12px;"> 
  • 行内样式表是在元素标签内部的style属性中设定CSS样式,适用于修改简单的样式
  • 在双引号中间,写法要符合CSS规范
  • 可以控制当前的标签设置样式
  • 没有体现出结构与样式相分离

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

1.外部样式表的核心是样式单独写到CSS文件中,之后把CSS文件引入到HTML页面中使用
2.引入外部样式表分为两步:
a.新建一个后缀名为.css样式文件,把所有css代码都放到此文件中
b.在HTML页面中,使用link标签引入这个标签

<link rel="stylesheet" href="css文件路径">

二、CSS字体样式

定义字体系列,大小,粗细和文字样式

(一)字体系列(font-family)

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值