css语法入门(html的延伸)

 时间:2026-02-16 14:59:02

1、如果用html代码,输入多行加粗的绿色文字,可能需要这样:

<b><font size="3" color="green">第一行!</font></b><br>

<b><font size="3" color="green">第二行!</font></b><br>

<b><font size="3" color="green">第三行!</font></b><br>

css语法入门(html的延伸)

2、还可以在head部分自定义一个标签:

<head>

<meta charset="utf-8"><style>

x{color:green;font-size:3;font-weight:bold;} 

</style></head>

<body>

<x>第一行!</x><br><x>第2行!</x><br><x>第3行!</x>

</body>

css语法入门(html的延伸)

3、或者把标签<x>变成,就可以实现自动换行:

<head><meta charset="utf-8"> <style>

p{color:green;font-size:1;font-weight:bold;} 

</style></head>

<body>第一行!第2行!第3行!</body>

这其实是在标签里面加入新的属性(或修改属性)。

css语法入门(html的延伸)

4、p{color:green;font-size:1;font-weight:bold;} 

p是css的选择器,也是标签;

括号里面的是属性:

color用来规定颜色;

font-size用来规定字体大小,单位是px;

font-weight加粗字体。

css语法入门(html的延伸)

5、分类设置字体:

<!DOCTYPE html>

<html><head><meta charset="utf-8"> <style>

p.ex1{font:bold 60px KaiTi,sans-serif;}

p.ex2{font:italic bold 50px KaiTi,serif;}

</style></head>

<body>

<p class="ex1">第一行!

<p class="ex2">第二行!

</body></html>

css语法入门(html的延伸)

  • HTML基础知识之CSS 入门基础
  • HTML快速入门【4】:JavaScript如何使用
  • HTML+CSS网站设计的入门学习
  • HTML入门学习(怎么学好HTML?)
  • HTML入门教程:[1]HTML的基本概念
  • 热门搜索
    什么什么什么引 until是什么意思 办公室放什么植物好 ml是什么意思 三头六臂是什么意思 chinese是什么意思 闷骚是什么意思 鸽子象征什么 我的世界甘蔗有什么用 格格不入的意思