HTML、CSS、和JavaScript

html

01、html基本结构

<!DOCTYPE html>
<html lang="en">
    <head>            
        <meta charset="UTF-8">
        <title>网页标题</title>
    </head>
    <body>
          网页显示内容
    </body>
</html>

第一行是文档声明,第二行“”标签和最后一行“”定义html文档的整体,“”标签中的‘lang=“en”’定义网页的语言为英文,定义成中文是’lang=“zh-CN”’,不定义也没什么影响,它一般作为分析统计用。 “”标签和“”标签是它的第一层子元素,“”标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件等,设置的内容不会显示在网页上,标题的内容会显示在标题栏,“”内编写网页上显示的内容。

02、html标题标签

是title还是h标签

03、html段落、换行

p标签 br标签

04、块标签、含样式的标签

div标签是标签容器里面可以包含其他的标签
带有属性的标签 input标签

05 、图像标签、路径问题

image标签 src属性设置路径
绝对路径和相对路径问题

06、链接标签

超链接 a标签 属性href

07、列表标签

无序号列表
有序号列表
列表元素

08、表格标签

table标签
tr子元素
th td子元素

09、表单标签

form表单标签
个人信息统计案例
lable标签
input采集信息标签属性有

  • text
  • password
  • radio
  • checkbox
  • reset
  • button
  • submit
    其他标签
    select下拉多选标签 子元素 option
    textarea 文本域

10、页面布局

页面布局?

11、table布局及实例

CSS

01、css基本语法、页面引用

基本语法 <style>代码内容<\style>
通过选择器获取标签对象
通过标签对象设置或修改标签属性和内容

02、文本设置

文本设置?
设置什么东西啊?
标签设置和文本设置
文本一般指的是标签的内容

03、颜色表示法

颜色表示法?
字母、数字

04、选择器

  1. *选择器
  2. 标签选择器
  3. 类选择器:为标签添加分类
  4. id选择器:只能设置一个标签元素
  5. 层级选择器:寻找标签的子标签
  6. 伪类选择器

05、盒子模型

知道由内到外的结构
依次是:

  • content
  • padding
  • border
  • margin
    其中margin不会影响标签内容的大小
    padding和border默认是0

06、盒子模型的实际尺寸

实际尺寸等于
(width+padding+border)*(height+padding+border)

07、盒子模型使用技巧

这有什么使用技巧?

08、css元素溢出

子标签的容器面积大于父标签的面积

09、块元素、内联元素、内联块元素

一脸蒙蔽

10、浮动

设置浮动可以是两个标签元素处于同一水平线上 挤压盒子模型的margin空气

11、定位

定位?

12、background属性

标签容器的背景不是文本内容

13、特征布局实例讲习

HTML5与CSS3

01、css权重

02、css3新增选择器

03、圆角、rgba

04、transition动画

05、transform变化

06、animation动画

07、浏览器前缀

08、HTML5新增标签

09、HTML5新增表单控件

JavaScript

01、介绍

02、嵌入页面的方式

03、变量

04、获取元素方法一

05、操作元素属性

06、函数

07、条件语句

08、数组及操作方法

09、循环语句

10、获取元素方法二

11、JavaScript组成

12、字符串的处理方法

13、类型转换

14、调试程序的方法

15、定时器

16、变量的作用域

17、封闭函数

18、常用内置对象

jQuery

01、介绍

02、加载

03、选择器

04、样式操作

05、绑定click事件

06、jQuery特殊效果

07、链式调用

08、jQuery动画

09、尺寸相关、滚动事件

10、属性操作

11、jQuery循环

12、jQuery事件

13、事件冒泡

14、事件委托

15、元素节点操作

16、滚轮事件和函数节流

17、json

18、ajax与json

19、本地存储

20、jQueryUI

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值