【学习】CSS样式

%title插图%num

CSS相当于网页的衣裳,给网页内容呈现一个漂亮的布局;效果;甚至动画

CSS作为修饰HTML样式的脚本语言,它可以写在HTML代码之中,

用style属性修饰 , 称为 嵌入式CSS

<div style="color: blue;background-color: coral;width: 10%;">你好CSS</div>

你好CSS

也可以写在外部后用 <link>引用,用.css文件来存储,称为 外部式CSS

或者写在HTML的<head>里面,称为 内部式CSS
<link rel="stylesheet" type="text/css" href="body.css"> //外部式
<style>
body {          //内部式
background-color: rgb(255, 254, 210, 0.7);            
border: whitesmoke 10px none;        
}
</style>
选择器分组
h1,h2,h3,h4{color:red} //共同继承同一个CSS样式

我是继承了红色

我是继承了红色

我是继承了红色

我是继承了红色

派生选择器
li strong{color:red} //在li 里面的strong,会继承这个CSS样式
  • HELLO
  • HELLO

    类选择器
    h4.txt_red{color:red} //针对h1标签的元素,若引用“text_red”名后将继承这个CSS属性

    你好

    你好

    发表回复