1、Web标准由于各个浏览器的内核不同,所以我们要遵循W3C组织制定的web标准让所有浏览器最终显示的效果完全一致‘’ 结构标准HTML:页面的基本结构的搭建; 表现标准CSS:页面的样式美化 行为标准javascript:实现页面的交互 2、Html介绍HTML是超文本标记语言,不是编程语言; 用HTML标签来描述网页元素,比如:链接、图片、文字等; 我们需要将所有的标签放在尖括号“<>”里面 3、html的基本结构一对html标签嵌套一对head标签和body标签,head标签嵌套一对title标签,head是给浏览器看的,body是给用户看的; <html> <head> <title>标题</tilte> </head> <body> 网页主体内容 </body> </html> 4、html标签的分类双标签:由开始标签<开始标签>和结束标签</结束标签>组成; 例如:<html></html> <body></body> <head></head> 单标签: 不需要包含内容,直接在开始标签最后面添加一个结束的符号/;
例如:<br /> <hr /> <img src=””/>
CSS 1、Css就是层叠样式表 作用:进行页面的版面布局和外观样式的美化 通过css书写代码能够将结构html和样式css分离书写,简化代码,提高可阅读性;/2Css引入方式(书写位置)
2、Css的引入方式分为3种:行内式,内部样式,外部样式 3、CSS样式规则(键值对规则)第一步确定给谁加样式 ---- 选择器 第二部书写 {}
第三步在{}里面书写css键值对规则 {属性1:属性值1;属性2:属性值2;} 4、Css选择器可以分为:基础选择器和高级选择器(复合选择器); 基础选择器:标签选择器、类选择器、id选择器 高级选择器(复合选择器):后代选择器、指定标签选择器、并集选择器 选择器的作用
选择标签的,把想要选择的元素标签选择出来。 5、Css的三大特性:
层叠性(覆盖性)、继承性、优先级; 6、Css的三种布局机制:1、普通流:块级元素独占一行,从上向下顺序排列;常用的元素:div、hr、p、h1-h6、ul、ol、dl、form、table; 行内元素一行共存多个,从左到右排列,碰到父元素边缘则自动换行; 常用元素:span、a、i、em; 2、浮动:让盒子从普通流中浮起来,让多个块级盒子一行显示; 3、定位:将盒子在浏览器的某一个位置,后期会经常用到;
|