内联样式_CSS 基础教程-查字典教程网
内联样式
内联样式
发布时间:2015-03-10 来源:查字典编辑
摘要:

下一课

CSS 称作层叠样式表,样式的单词是 style,在使用的时候经常会碰到,下面我们来看一个练习;

1、文本编辑器

1)打开记事本或 gedit、leafpad 文本编辑器,gedit 在查看菜单里选择“HTML”;

2)点菜单“文件-保存”命令,以“lx1.html”为文件名,类型所有文件,编码 UTF-8,保存到自己的文件夹;

3)按照上一课的方法,输入 <html> 、 <head> 和 <body> 的内容;

2、输入内联样式

1)内联样式直接用在 html 的标签里,一般是用在 <p>、<span>、<div> 等标签中,作用范围也相同,在 <body> 里输入下面的内容;

<p>字体大小 1.6 em</p>

<p>绿色文字</p>

<p>黑体字</p>

2)注意书写格式,在 html 的 <p> 标签里,输入 style 样式,用冒号分割、用分号结束、用双引号关闭样式;

3)保存一下文件,再继续输入一行组合的;<p>这一行是组合的</p>

4)再保存一下,回到自己的文件夹里,打开 lx1 网页,看一下效果;

5)平时也多练习使用 style 来指定文字的字体和颜色;

本节学习了使用内联样式来设定文字效果的基本方法,如果你成功地完成了练习,请继续学习下一课内容;

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新CSS 基础入门教程学习
    热门CSS 基础入门教程学习
    编程开发基础子分类