嵌套【CSS】的三种方式
CSSCascading Style Sheet 层叠样式表单HTML页面中嵌套CSS的三种方式内联定义式：在标签内部使用style属性来设置<标签 style="样式名:样式值;样式名:样式值;..."></标签><form style="bgcolor:pink;"></form>样式块方式：在head标签中使用style块<head>
·
CSS
Cascading Style Sheet 层叠样式表单
HTML页面中嵌套CSS的三种方式
- 内联定义式：在标签内部使用style属性来设置
<标签 style="样式名:样式值;样式名:样式值;..."></标签> <form style="bgcolor:pink;"></form> - 样式块方式：在head标签中使用style块
<head> <style type="text/css"> 选择器 { 样式名:样式值; 样式名:样式值; ... } 选择器{ } ... </style> </head> - 链入外部样式表文件：将样式写到一个独立文件中.css文件
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="css/1.css">
示例
- 内联定义式
<div style="width: 200px; height: 300px; background-color: #CCFFFF;
border: 1px solid black;"></div>
- 选择器
id选择器、标签选择器、类名选择器
<head>
<style type="text/css">
#id{ /*id选择器： #开头*/
}
标签 {/*标签选择器*/
}
.类名{/*类选择器：.开头 */
}
</style>
</head>
定位
#div1{
background-color: pink;
border:1px black solid;
width: 300px;
height: 300px;
position: absolute; /*绝对定位*/
left: 100px;
top: 100px;
}
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)