CSS 基础入门教程

作者:TeliuTe 来源:基础教程网

一、内联样式 返回目录 下一课

 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 style="font-size:1.6em;">字体大小 1.6 em</p>

<p style="color:green;">绿色文字</p>

<p style="font-face:文泉驿正黑;">黑体字</p>

 

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

 

 3)保存一下文件,再继续输入一行组合的;

<p style="font-size:1.6em;color:red;font-face:文泉驿正黑;">这一行是组合的</p>

 b1.gif

 

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

 b2.gif

 

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

 

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

返回目录 下一课

本教程由86团学校TeliuTe制作|著作权所有

基础教程网:http://teliute.org/

美丽的校园……

转载和引用本站内容,请保留作者和本站链接。