首页 > 软件开发 > HTML >

css语法入门(html的延伸)

来源:互联网 2023-03-16 19:10:59 475

在html里面,b>是加粗标签,g>是图片标签。smd办公区 - 实用经验教程分享!

如果你想自定义一些标签,可能就需要用到css了。smd办公区 - 实用经验教程分享!

css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • notapad

方法/步骤

  • 1

    如果用html代码,输入多行加粗的绿色文字,可能需要这样:smd办公区 - 实用经验教程分享!

    b>font size="3" color="green">第一行!/font>/b>br>smd办公区 - 实用经验教程分享!

    b>font size="3" color="green">第二行!/font>/b>br>smd办公区 - 实用经验教程分享!

    b>font size="3" color="green">第三行处缝!/font>/b>br>smd办公区 - 实用经验教程分享!

    css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

  • 2

    还可以在head部分自定义一个标签:smd办公区 - 实用经验教程分享!

    head>smd办公区 - 实用经验教程分享!

    meta charset="utf-8">style>smd办公区 - 实用经验教程分享!

    x{color:green;font-size:3;font-weight:bold;}smd办公区 - 实用经验教程分享!

    /style>/head>smd办公区 - 实用经验教程分享!

    body>smd办公区 - 实用经验教程分享!

    x>第一行!/x>br>x>第2行!/x>br>x>第3行!/x>smd办公区 - 实用经验教程分享!

    /body>smd办公区 - 实用经验教程分享!

    css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

  • 3

    或者把标签x>变成,就可以实现自动换行:smd办公区 - 实用经验教程分享!

    head>meta charset="utf-8"> style>smd办公区 - 实用经验教程分享!

    p{color:green;font-size:1;font-weight:bold;}smd办公区 - 实用经验教程分享!

    /style>/head>smd办公区 - 实用经验教程分享!

    smd办公区 - 实用经验教程分享!

    body>第一行!/第2行!/第3行!//body>smd办公区 - 实用经验教程分享!

    这其实是在标签里包肺译面加入新的属性(或修改属性)。smd办公区 - 实用经验教程分享!

    css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

  • 4

    p{color:green;font-size:1;font-weight:bold;}smd办公区 - 实用经验教程分享!

    p是css的选择器,也是标签;smd办公区 - 实用经验教程分享!

    括号里面的是属性:smd办公区 - 实用经验教程分享!

    color用来规定颜色;smd办公区 - 实用经验教程分享!

    font-size用来规定字体大小,单位是px;smd办公区 - 实用经验教程分享!

    font-weight加粗字体。smd办公区 - 实用经验教程分享!

    css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    分类设置字体:smd办公区 - 实用经验教程分享!

    !DOCTYPE html>smd办公区 - 实用经验教程分享!

    html>head>meta charset="utf-8"> 驾佛style>smd办公区 - 实用经验教程分享!

    p.ex1{font:bold 60px KaiTi,sans-serif;}smd办公区 - 实用经验教程分享!

    p.ex2{font:italic bold 50px KaiTi,serif;}smd办公区 - 实用经验教程分享!

    /style>/head>smd办公区 - 实用经验教程分享!

    body>smd办公区 - 实用经验教程分享!

    p class="ex1">第一行!/smd办公区 - 实用经验教程分享!

    p class="ex2">第二行!/smd办公区 - 实用经验教程分享!

    /body>/html>smd办公区 - 实用经验教程分享!

    css语法入门(html的延伸)smd办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!smd办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码