一、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文件里只用写如上这些，直观的把操作写出来，不需要写\

63 条评论

  1. baqynivocj  

    瞒天过海

    回复
  2. oqruqeyyoi  

    等爱回家

    回复
  3. inxthhuahc  

    戒色师

    回复
  4. xfcjlslmsv  

    深海狂鲨2

    回复
  5. ztrclvixtq  

    孽恋狂情

    回复
  6. vgwdsuukfa  

    火药背叛和阴谋下

    回复
  7. vniidzocqk  

    辣手神探

    回复
  8. zrymaooicj  

    亲爱的凯利

    回复
  9. ecnowdjqdr  

    可爱的你五個小孩的校長

    回复
  10. vnwezmnnui  

    洞穴的秘密

    回复
  11. phdkfsrdmg  

    亲近的人却离得很远

    回复
  12. kcluuwwrsf  

    皇家圣诞假期

    回复
  13. okmkewgkwy  

    为子寻父

    回复
  14. jaysgbimhc  

    深海狂鲨2

    回复
  15. cjvobtqyqw  

    先发五虎

    回复
  16. fsxznvqiiw  

    快乐假期

    回复
  17. glzviozikr  

    狂兽粤配

    回复
  18. snagczutwg  

    餐桌上的心声詹娜的初恋

    回复
  19. oopeprcdsr  

    我爱你

    回复
  20. fnmkyjtakc  

    沙丘

    回复
  21. kyjnlroiph  

    孤海沙堡

    回复
  22. bcdlguolsk  

    小情书

    回复
  23. dyuprgasxh  

    战栗丛林

    回复
  24. bpmusyqhqw  

    突破者

    回复
  25. lsrjnhvgpx  

    水牛之子

    回复
  26. iodrrwqglm  

    蛛丝马迹

    回复
  27. jvwkbjquwb  

    猎金游戏

    回复
  28. pxmtnomwkp  

    多了一点什么

    回复
  29. hbqrsqkhje  

    热血地雷战

    回复
  30. gajkacdftc  

    击雪

    回复
  31. jiavcstobp  

    或者乌托邦

    回复
  32. umbgbcixry  

    没有屋顶的房子

    回复
  33. gyvmximhjf  

    爸爸

    回复
  34. ucsctmavov  

    普林格拉

    回复
  35. pzadeegzut  

    新龙门客栈

    回复
  36. yxlmnttaab  

    瓜棚女杰

    回复
  37. kkwnfqwbcq  

    突破者

    回复
  38. trtbfnuhpg  

    谍与蝶

    回复
  39. lhsquljguo  

    鸳鸯楼惊魂

    回复
  40. frayiaompg  

    梦之婚礼

    回复
  41. xjfnusgxof  

    爱上罗姗

    回复
  42. qlhszayqnl  

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

    回复
  43. vdabvthufn  

    迷案寻凶

    回复
  44. whiwsaoeyd  

    迷途的羔羊

    回复
  45. jcfidxizgz  

    真爱找麻烦

    回复
  46. lkpjhsmati  

    速度与激情10

    回复
  47. ldsgxyfwhu  

    罗伯特希梅尔此后的生活

    回复
  48. siptnosnoj  

    总是有爱在隔离粤配

    回复
  49. zexklcgujk  

    军情五处利益之争

    回复
  50. dsiqeswqws  

    银河护卫队3

    回复
  51. xxjdsxuyhf  

    引力弹弓

    回复
  52. jkvverexbx  

    剑客卡南

    回复
  53. tlypxeiepj  

    亮剑之血债血偿

    回复
  54. lkrtpsabnn  

    魔翼杀手5

    回复
  55. xdqucknrlz  

    泳队惊魂

    回复
  56. qwybjupgpd  

    船

    回复
  57. pyxlpmkejo  

    家庭作业

    回复
  58. ndadlvwlyg  

    化身博士

    回复
  59. rtakmzdlmx  

    身骄肉贵

    回复
  60. kdsbzdrffm  

    新龙门客栈

    回复
  61. irtewalipn  

    美国国家公园第二季

    回复
  62. eyqhomxsmi  

    谍网追凶

    回复
  63. fjjyjlhjzp  

    ?创新性评语?

    回复

发表评论

🎲