A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

浪好晴天

初级黑马

  • 黑马币:19

  • 帖子:6

  • 精华:0

© 浪好晴天 初级黑马   /  2019-4-19 23:27  /  943 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


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、定位:将盒子在浏览器的某一个位置,后期会经常用到;



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马