css--导入方式、选择器

2022-06-25  本文已影响0人  何以解君愁
①内联样式:在标签内部使用style属性,属性值是css属性键值对
<div style="color:red">Hello CSS~</div>
②内部样式:定义<style>标签,在标签内部定义css样式
<style type="text/css">
    div{
        color:red;
    }
</style>
③外部样式:定义link标签,引入外部的css文件
<link rel="stylesheet" href="demo.css">
demo.css:
div{
    color:red;
}
css选择器:
①元素选择器
元素名称{color:red;}        div{color:red;}
②id选择器
#id属性值{color:red;}  #name{color:red;}
            <div id="name">hello css</div>
③类选择器
.class属性值{color:red;}   .cls{color:red;}
            <div class="cls">hello css2</div>
上一篇下一篇

猜你喜欢

热点阅读