文章目录

• 一、CSS 引入方式 - 内嵌样式
• • 1、内嵌样式语法
  • 2、内嵌样式示例
  • 3、内嵌样式完整代码示例
  • 4、内嵌样式运行效果

一、CSS 引入方式 - 内嵌样式

1、内嵌样式语法

CSS 内嵌样式 , 一般将 CSS 样式写在 HTML 的 head 标签中 ;

CSS 内嵌样式 语法如下 :

选择器 需要注明 该样式是 为哪些标签 定义的 , 可以直接写标签类型 ;

2、内嵌样式示例

内嵌样式 示例 :

• 将页面所有的 h3 标签 的内容设置为 蓝色 , 字体 20 像素 ;

• 将页面所有的 td 标签 的内容设置为 绿色 , 字体 15 像素 ;

• 将页面所有的 option 标签 的内容设置为 紫色 , 字体 15 像素 ;

3、内嵌样式完整代码示例

代码示例 :

 
     
用户注册信息
性别
 男 女
籍贯
--请选择省--河北省山东省河南省山西省--请选择市--衡水市邢台市保定市邯郸市--请选择县--冀州区枣强市深州市桃城区
邮箱
关注领域
 移动开发 后端开发 前端开发
个人简介
  
已有账号，立即登录

4、内嵌样式运行效果

下面是代码的运行效果 :

• 用户注册信息 是 h3 标签内容 , 被设置成 蓝色字体 , 20 像素大小 ;

• 普通表格 单元格 td 标签中的文本 , 都被设置成了 绿色字体 , 15 像素大小 ;

• option 下拉列表选项标签 中的文本 , 都被设置成了紫色 , 15 像素大小 ;