一、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  

    ?创新性评语?

发表评论

🎲