HTML5的简介 - WangZiChen(3)_H5之家 - 中国HTML5教程资源分享第一站

根据显示的类型，主要分为3大类

块级标签绝对独占一行的标签随时设置自己的宽度和高度 (比如div、p、h1、h2、ul、li) 行内标签(内联标签) 多个行内标签能同时显示在一行宽度和高度取决于内容的尺寸(比如span、a、label) 行内-块级标签(内联-块级标签)

多个行内-块级标签可以显示在同一行
能随时设置宽度和高度(比如input、button)

display:显示
比如：
       display:inline-block 行内-区块
      display:inline 行区
        display:block 块
使用示例，这里将默认是块级的div设置为行内：
<!DOCTYPE html>
<html>
<head lang="en">
          <meta charset="UTF-8">
       <title></title>
      <style>
         div{
             display: inline;
               }
        </style>
</head>
<body>
<div >hello</div>
<div >world</div>
</body>
</html>
这里实例原本div标签的hello和world是分别显示在两行的，各自独占一行，
然后因为div选择器设置display: inline;意思就是将div标签设置为行内标签，
那么会发现效果hello和world就都显示在一行里了。

1
2 display:inline-block
可以将内容设置为既是行内标签又是块级标签，这样你可以仅仅把div当做简单的容器就是了。

1
2 display：none就会让内容不显示，这个display相当于IOS里的show方法
visiblity:hidden 仅仅是看不到

百度首页

源码下载百度云备份链接: 百度首页实例密码: yzyv

网页开发须知：工程项目文件目录 css文件夹 index.css script文件夹 index.html 美工开发一般步骤：先在html.index内定好结构，类似IOS开发中的规划好UI布局，每一块放好一块内容。然后在index.css文件中根据html.index分好的块分别设置样式。然后就是慢慢调整，很耗费时间的。 bootstrap

这是网页前端最受欢迎的第三方框架
另外，如果要学习可以到网站 v3.bootcss.com
在下载的bootstrap框架中css/下的我们能用到的就是bootstrap.css和bootstrap.min.css，其他的可以删除。
bootstrap.css和bootstrap.min.css的区别就是min将内部的空格都去了，这样文件小了，就可以节省流量。
所以bootstrap.css叫开发版本，然后bootstrap.min.css叫上线版本

官方开发文档展示了很多模板代码使用样式

说白了，这个框架就是帮你封装了一堆漂亮的样式，然后你只要会用即可。有一些图标被设计成字体，然后存储在fonts文件夹下的字体文件内，所以需要把整个fonts文件夹拷贝进工程根目录。在使用图片文字的时候，如果要调整大小，要注意，因为是文字，所以直接用font-size属性设置值就对了。 JS核心语法浏览器就是JS的运行平台，就好比IOS就是OC的运行平台。

JS的常见用途

HTML DOM操作(节点操作，比如添加、修改、删除节点) 给HTML网页增加动态功能，比如动画事件处理，比如监听鼠标点击、鼠标滚动、键盘输入

JS的书写方式

1、JS代码写在双引号里面。
       <button onclice="alert(10);alert(99);">拍照</button>
     这段JS代码可以写在html的<body>标签里，效果
2、脚本中执行
<scipt>
            console.log(100);
        </scipt>

另外，JS所有的变量都是用var，实例：var 变量名 = 变量值

数据类型