一、CSS基本用法

(CSS: Cascading Style sheet)

样式引用

行内样式

CSS写在html文件中的body里面

例如：

<body>
    <p style="color:red;">五星红旗的底色是红色的，上面的五个<sapan style="color:yellow;">星星</sapan>是黄色的
    </p>
</body>

image-20210924092831531

内嵌式

CSS写在HTML文件中的\里面

例如：

<head>
    <style type="text/css">
        h1{
            color:lawngreen;
            font-size:5em;
            font-weight:700;
            font-style:oblique;         
        }
        p{
            color:aqua;
            font-size:2em;
            font-size:300;
        }
    </style>
</head>
<body>
    <h1>内嵌式css的演示</h1>
    <p>内嵌式css的作用只是局限于嵌入了样式表的单一HTML</p>
</body>

image-20210924094154432

链接式

（先加载CSS，再渲染页面）推荐的方式，将CSS语言分离出来，和HTML文本语言分装在两个文件里，语言不混淆，更易于查看和编辑。

建立一个和.html文件在同一目录的文件夹，并将.css文件放在该文件夹中。

image-20210924100553240

然后将CSS操作放在.css文件中，例如：

h1{
    color:darkred;
    text-align:center;
    font-weight:900;

}
p{
    color:chartreuse;
    font-size:1.2em;
}

.css文件里只用写如上这些，直观的把操作写出来，不需要写\

64 条评论

  1. ghofemqrav  

    新盘新项目，不再等待，现在就是最佳上车机会！coinsrore.com

    回复
  2. baqynivocj  

    瞒天过海

    回复
  3. oqruqeyyoi  

    等爱回家

    回复
  4. inxthhuahc  

    戒色师

    回复
  5. xfcjlslmsv  

    深海狂鲨2

    回复
  6. ztrclvixtq  

    孽恋狂情

    回复
  7. vgwdsuukfa  

    火药背叛和阴谋下

    回复
  8. vniidzocqk  

    辣手神探

    回复
  9. zrymaooicj  

    亲爱的凯利

    回复
  10. ecnowdjqdr  

    可爱的你五個小孩的校長

    回复
  11. vnwezmnnui  

    洞穴的秘密

    回复
  12. phdkfsrdmg  

    亲近的人却离得很远

    回复
  13. kcluuwwrsf  

    皇家圣诞假期

    回复
  14. okmkewgkwy  

    为子寻父

    回复
  15. jaysgbimhc  

    深海狂鲨2

    回复
  16. cjvobtqyqw  

    先发五虎

    回复
  17. fsxznvqiiw  

    快乐假期

    回复
  18. glzviozikr  

    狂兽粤配

    回复
  19. snagczutwg  

    餐桌上的心声詹娜的初恋

    回复
  20. oopeprcdsr  

    我爱你

    回复
  21. fnmkyjtakc  

    沙丘

    回复
  22. kyjnlroiph  

    孤海沙堡

    回复
  23. bcdlguolsk  

    小情书

    回复
  24. dyuprgasxh  

    战栗丛林

    回复
  25. bpmusyqhqw  

    突破者

    回复
  26. lsrjnhvgpx  

    水牛之子

    回复
  27. iodrrwqglm  

    蛛丝马迹

    回复
  28. jvwkbjquwb  

    猎金游戏

    回复
  29. pxmtnomwkp  

    多了一点什么

    回复
  30. hbqrsqkhje  

    热血地雷战

    回复
  31. gajkacdftc  

    击雪

    回复
  32. jiavcstobp  

    或者乌托邦

    回复
  33. umbgbcixry  

    没有屋顶的房子

    回复
  34. gyvmximhjf  

    爸爸

    回复
  35. ucsctmavov  

    普林格拉

    回复
  36. pzadeegzut  

    新龙门客栈

    回复
  37. yxlmnttaab  

    瓜棚女杰

    回复
  38. kkwnfqwbcq  

    突破者

    回复
  39. trtbfnuhpg  

    谍与蝶

    回复
  40. lhsquljguo  

    鸳鸯楼惊魂

    回复
  41. frayiaompg  

    梦之婚礼

    回复
  42. xjfnusgxof  

    爱上罗姗

    回复
  43. qlhszayqnl  

    揭开圣诞节的面纱蒂娜的奇迹

    回复
  44. vdabvthufn  

    迷案寻凶

    回复
  45. whiwsaoeyd  

    迷途的羔羊

    回复
  46. jcfidxizgz  

    真爱找麻烦

    回复
  47. lkpjhsmati  

    速度与激情10

    回复
  48. ldsgxyfwhu  

    罗伯特希梅尔此后的生活

    回复
  49. siptnosnoj  

    总是有爱在隔离粤配

    回复
  50. zexklcgujk  

    军情五处利益之争

    回复
  51. dsiqeswqws  

    银河护卫队3

    回复
  52. xxjdsxuyhf  

    引力弹弓

    回复
  53. jkvverexbx  

    剑客卡南

    回复
  54. tlypxeiepj  

    亮剑之血债血偿

    回复
  55. lkrtpsabnn  

    魔翼杀手5

    回复
  56. xdqucknrlz  

    泳队惊魂

    回复
  57. qwybjupgpd  

    船

    回复
  58. pyxlpmkejo  

    家庭作业

    回复
  59. ndadlvwlyg  

    化身博士

    回复
  60. rtakmzdlmx  

    身骄肉贵

    回复
  61. kdsbzdrffm  

    新龙门客栈

    回复
  62. irtewalipn  

    美国国家公园第二季

    回复
  63. eyqhomxsmi  

    谍网追凶

    回复
  64. fjjyjlhjzp  

    ?创新性评语?

    回复

发表评论

🎲