CSS 学习笔记
标签搜索
侧边栏壁纸
  • 累计撰写 2 篇文章
  • 累计收到 13 条评论

CSS 学习笔记

cell
2022-05-01 / 7 评论 / 3 阅读 / 正在检测是否收录...

1、什么是CSS,有什么作用?

​ CSS(Cascading Style Sheet):层叠样式表语言。
​ CSS的作用是:
​ 修饰HTML页面,设置HTML页面中的某些元素的样式,让HTML页面更好看。
​ HTML还是主体,CSS依赖HTML。CSS的存在就是修饰HTML,所以新建的文件还是xx.html文件。


2、在HTML页面中嵌套使用CSS的三种方式:

第一种方式:在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。
语法格式:

<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>



第二种方式:在head标签中使用style块,这种方式被称为样式块方式。
语法格式:

<head>
    <style type="text/css">
        选择器 {
            样式名 : 样式值;
            样式名 : 样式值;
            .....
            }
        选择器 {
            样式名 : 样式值;
            样式名 : 样式值;
            .....
            }
    </style>
</head>


第三种方式:链入外部样式表文件,这种方式最常用。(将样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入css文件,样式就引入了)
语法格式:

<link type="text/css" rel="stylesheet" href="css文件的路径" />

这种方式易维护,维护成本较低。
xxx.css文件
1.html中引入
2.html中引入
3.html中引入
4.html中引入

0

评论 (7)

取消
  1. 头像
    知名4549
    Windows 10 · Google Chrome

    表评论4549

    回复
  2. 头像
    知名1241
    Windows 10 · Google Chrome

    表评论1241

    回复
  3. 头像
    osxhxkuvnd
    Windows 10 · Google Chrome

    作者的情感表达细腻入微,让人在阅读中找到了心灵的慰藉。

    回复
  4. 头像
    qeivavwgts
    Windows 10 · Google Chrome

    建议增加具体方法论,避免停留口号层面。

    回复
  5. 头像
    ubpveylmin
    Windows 10 · Google Chrome

    文章紧扣主题,观点鲜明,展现出深刻的思考维度。

    回复
  6. 头像
    bbjrwhwtca
    Windows 10 · Google Chrome

    2025年10月新盘 做第一批吃螃蟹的人coinsrore.com

    回复
  7. 头像
    jpalzgkrch
    Windows 10 · Google Chrome

    2025年10月新盘 做第一批吃螃蟹的人coinsrore.com
    新车新盘 嘎嘎稳 嘎嘎靠谱coinsrore.com
    新车首发,新的一年,只带想赚米的人coinsrore.com
    新盘 上车集合 留下 我要发发 立马进裙coinsrore.com
    做了几十年的项目 我总结了最好的一个盘(纯干货)coinsrore.com
    新车上路,只带前10个人coinsrore.com
    新盘首开 新盘首开 征召客户!!!coinsrore.com
    新项目准备上线,寻找志同道合的合作伙伴coinsrore.com
    新车即将上线 真正的项目,期待你的参与coinsrore.com
    新盘新项目,不再等待,现在就是最佳上车机会!coinsrore.com
    新盘新盘 这个月刚上新盘 新车第一个吃螃蟹!coinsrore.com

    回复