css 层叠样式表 html中修饰内容的样式功能太弱,并且布局不灵活。所以用 div + css 来解决上面二个问题。文件以.css结尾。
css 与 html 的3中结合方式 1 写在每个标签的style的属性中 行内 2 写在head体中 <style type="text/css"> 样式内容 </style> 页面内 3 写在head体中 通过<link> 标签引入外部的css文件。 外部 基本选择器 (选择器的作用就是将标签进行分类。)元素选择器; class选择器 (通过标签的class属性) .class名称; class属性可以写多个。用空格分开 class="title title1 title2"id选择器(通过标签的id属性) #id名称。 id名称一般唯一。优先级依次增高;
类选择器
后代选择器
子元素选择器
扩展选择器
分组选择器 div,p{} 用来同时修饰piv和p标签。
属性选择器 input[type="text"]
后代选择器 div p {} 用来修饰div下所有层级的p标签
子选择器 div > span 用来修饰div下一层级的span标签元素的某一个样式最终以那个样式为准。1 就近原则+优先级2 id选择器> class选择器> 元素选择器3 定义在元素内的style属性优先级最高。
元素的多个样式组合起来就构成了元素整体的样式。盒子模型 边框 border; 内边距 padding; 外边距 margin; border 边框 DIV+ 悬浮 float: left , right DIV默认独占一行。
span默认在同一行
左浮动 float: left 右浮动 float: right 清除浮动(清除浮动只影响后面一个元素的浮动)clear:both
JS的概述:JavaScript运行在浏览器端脚本语言.