HTML:它是整个网站的骨架
CSS:它是对整个网站骨架的内容进行美化(修饰)
<style></style>标签表示开始对CSS设置样式修饰html标签,该标签包含在head中使用
CSS语法使用规范:
选择器{
属性名1:属性值1;
属性名2:属性值2;
}
一般来说:样式选择器,单个时,我们选择id进行样式修饰,多个时,选择calss进行样式修饰,id进行样式修饰时,前面加"#",class修饰时加"."id在使用时,本质是唯一性,但缺陷在于不是唯一性,但在我们使用时,也要确保规范性,将id保持唯一状态
特殊样式选择:属性选择器
CSS的引入方式:(三种)
第一种:内部引入
<div style="color:red";font-size:100px;>
第二种方式:行内引入
第三种方式:外部引入(rel:relationship.stylesheet:样式表)
三种CSS引入方式作用域关系:就近原则,距离标签越近的样式优先显示,但作用域是 外部>内部>行内 样式显示:行内>内部>外部
CSS中id进行命名时,不能使用数字开头命名,数字可以在中间和末尾使用
CSS浮动属性:float一般使用两个值(right,left),作用是将块元素脱离普通文档流,进行强制性的规定.但会遇到边框(控件,浏览器边框)换行
img标签的后面可以直接跟width宽度,height高度以此来限制图片的显示
div布局思想:先利用border属性对每一个div盒子进行画框,(border: 1px solid green;)将整体布局好了再开始填充内容