前端阶段_div以及css介绍

标签：ref   styles   .class   样式表   文件路径   阶段   text   外部文件   清除   

1.div

　　div是html的一个标签，是块级元素，单独使用没有意义，必须结合css来使用，进行网页布局

2.span

　　span是一个html标签，是一个内联元素，主要对括起来的内容进行修饰

3.<style type="text/css"></style>

　　此标签内进行写css

4.css的选择器

　　1.标签选择器
　　　　标签名{
　　　　　　样式内容
　　　　}
　　2.类选择器
　　　　.class名{
　　　　　　样式内容
　　　　}
　　3.id选择器
　　　　#id名{
　　　　　　样式内容
　　　　}
　　4.层级选择器
　　　　标签 标签{
　　　　　　样式内容
　　　　}
　　5.属性选择器
　　　　标签[type=‘属性‘]{
　　　　　　样式内容
　　　　}
　　　　

5.<link rel="stylesheet" type="text/css" href="路径"/>

　　link标签是链接外部文件

　　rel属性指明被链接的是样式表

　　type指的是链接的是css样式

　　href里面填写文件路径

6.css浮动

　　浮动的框可以移动，直到外接圆碰到另一个浮动框为止

　　由于浮动框不在文档管理流中，所以文档在普通流表现的就像不存在一样

　　float是css的属性

　　　　可以进行块向左向右浮动，若布局溢出，则用clear清除浮动

7.padding和margin属性

　　padding是元素和内边框距离

　　margin是内边框和外边框属性

　　border是边框

前端阶段_div以及css介绍

标签：ref   styles   .class   样式表   文件路径   阶段   text   外部文件   清除   

原文地址：https://www.cnblogs.com/littlepage/p/9376419.html