关于新手如何学习H5和CSS(一)

学习准备

1: 熟悉自己使用的开发工具
作用:编写代码 目的:做网站 做页面…
2: 熟悉浏览器;每个人电脑不同的浏览器
主流浏览器:谷歌 火狐 360 qq …
非主流浏览器: IE8以下浏览器
3: 熟悉浏览器的控制台

开发工具

  • vscode webstrom subline Hibuder…

文件后缀

xxx.html 是html 文件 作用写网页的。浏览器可以解析xxx.html文件
xxx.css 是css 文件 作用:编写CSS语言 浏览器可以解析
xcc。js 是js 文件 作用 :编写js语言
xxx.xxxx 文件格式语法

路径

以当前目录为基准:
./ 查找同级目录
…/ 查找上一级目录
…/…/上两级目录

html元素

html 元素的作用:构建页面。
html标签 大多数是以标签多的形式存在的。
html 是 超文本链接

根据特点分类

块元素

  • 特点:默认宽度为百分之百(子元素相对父元素),元素的高度;有子元素撑起来
  • 子元素在父元素中;排列排列方式 从上 往下

html body 所有布局列标签 main div section nav footer header p ul li ol dl dd form …

行元素

  • 默认宽度为内容宽度,内容高度(****没有高度和宽度)
  • 子元素在父元素中排列方式:从左往右依次排列,直到排满才换行
    audio video span a input buttom label select option …

行内块 — 后天改变
特点:大小为内容大小;可以设置宽度和高度
img

浏览器默认布局形式 -----流式布局

  • 子元素在父元素中的默认布局形式;从左往右;从上往下

元素与元素关系 ————血缘关系

  • 父子关系
  • 兄弟关系 :同一个父元素
  • 子孙关系:隔代的标签

大哥和小弟区分:浏览器解析决定,解析顺序从上往下解析,从辈分高到辈分地

html属性分类

全局属性:是所有的html都可以使用的属性
私有属性:某个元素或者标签特有的属性

总结: - 每个属性都有特定的作用;具体作用的程度有这个属性的值来决定。
- 属性是不可变得,属性对应的值是可以改变的,属性具有唯一性
- 一个属性可以跟多个值

html 全局属性

  • class 一个或多个类名
  • id 规定元素的唯一 id。
  • data-* 自定义属性 设置私有属性
  • accesskey 制定快捷键
  • style 写css 行内样式

你可能感兴趣的:(h5css)