HTML、CSS与JavaScript核心区别-优快云博客

本文链接：https://blog.youkuaiyun.com/csdnbian/article/details/107770291

html css javaScript的区别

html 👉结构
css👉表现
javaScript👉行为

css特点

层叠样式表

css的使用

第一种(内联样式)：直接在标签里利用style来设置，不建议使用

<div style="color: aqua; text-align: center;font-size: 30px; ">公务员之路，从华图起步</div>

第二种(内部样式表)：将样式编写到head里的style标签里。然后通过css选择器来选中元素并为其设置各种样式，减少冗余，不用个个标签都设置样式，也不经常使用

1.无差别作用于标签上

<head>
    <style>
        p{
            font-size: 40px;
            font-family: Georgia, 'Times New Roman', Times, serif;
            color: darkgreen;
        }
    </style>
</head>
<body>
    <p>简单地石材，往往就用简单的烹饪技巧</p>
</body>

2.选择性作用于属性上

<head>
    <style>
    //此处不同
        .a{
            font-size: 40px;
            font-family: Georgia, 'Times New Roman', Times, serif;
            color: darkgreen;
        }
    </style>
</head>
<body>
	//在标签前边指定那个css样式
    <p class="a">简单地石材，往往就用简单的烹饪技巧</p>
</body>

第三种（外部样式）：将样式放到.css文件中，通过link标签，引入样式，最好用的

注意:link标签放在head中

<head>
<link rel="stylesheet" href="./css/first.css">
</head>

css简介

html css javaScript的区别

css特点

css的使用

第一种(内联样式)：直接在标签里利用style来设置，不建议使用

第二种(内部样式表)：将样式编写到head里的style标签里。然后通过css选择器来选中元素并为其设置各种样式，减少冗余，不用个个标签都设置样式，也不经常使用

第三种（外部样式）：将样式放到.css文件中，通过link标签，引入样式，最好用的