html5——CSS3基础

目录

CSS概念

CSS3基本语法

HTML中引入CSS样式

1、行内样式

2、内部样式

3、链接样式


CSS概念

表现HTML或XHTML文件样式的计算机语言

· 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

CSS3基本语法

选择器**{声明1;**

声明****2;

...... }

**CSS的最后一条声明后的";"可写可不写,但是,基于W3C标准规范考虑,建议最后一条声明的结束";****"**都要写上

HTML中引入CSS样式

  1. 行内样式
  2. 内部样式
  3. 链接样式

1、行内样式

使用style属性引入CSS样式

<pstyle="color: red;font-size: 36px;">人之初,性本善。</p>

2、内部样式

CSS代码写在<head>内的<style>标签中
<style>

h1{color: green; }

</style>

优点

方便在同页面中修改样式

缺点

不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底

3、链接样式

CSS代码保存在扩展名为.css的样式表中

<head>

......

<link href="style.css" rel="stylesheet" type="text/css" />

......

</head>

CSS3样式优先级:

  1. 行内样式>内部样式>链接样式
  2. 就近原则**:越接近标签的样式优先级越高**
相关推荐
mayaairi30 分钟前
Vue2 组件通讯(四):v-model、scoped样式、mixins与plugins
前端·javascript·vue.js
梦曦i41 分钟前
@meng-xi/uni-router 未来展望:夯实基础、深化体验、探索前沿
前端·uni-app
Yeyu41 分钟前
AAOS AppCard 实践:怎么把自己的 App 塞进别人的卡片里
前端
IT_陈寒1 小时前
Vite静态资源路径这个大坑害我调了一下午
前端·人工智能·后端
狗哥哥1 小时前
分享下我的读书清单
前端
M78佐菲2 小时前
HTML学习笔记
linux·笔记·学习·tcp/ip·html
合天网安实验室2 小时前
Log4J2 FilteredObjectInputStream RCE 漏洞分析
前端·黑客
两点王爷2 小时前
使用 GeoServer 发布 SHP 数据并在前端页面加载显示
前端
lhldsg2 小时前
全民健身解决方案软件开发实战:从架构设计到部署指南
java·前端·数据库·小程序
四六的六2 小时前
让 AI 自己去点后台页面,它把我们的库存点没了
前端·人工智能·agent·个人开发·ai编程·ai产品·ai前端