HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了小黑小波比.极客学院.HTML5学习笔记大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

第1阶段HTML开发前准备

1_开发前准备

1_开发前的准备

2_开发前的准备-快捷键

第2阶段HTML5基础

1_HTML5特性简介
2_HTML5元素属性和格式化
3_HTML5样式链接和表格
4_HTML5列表块和布局
5_HTML5表单提交和PHP环境搭建
6_HTML5框架、背景和实体
7_HTML5XHTML的使用规范

1_XHTML使用规范

1.什么是XHTML?

XHTML指的是可扩展超文本标记语言
与HTML4.01几乎是相同的
是更严格更纯净的HTML版本
是以XML应用的方式定义的HTML
得到所有主流浏览器的支持

2.为什么使用XHTML?

为了代码的完整性和良好性

3.文档声明

DTD:规定了使用通用标记语言的网页语法

4.三种XHTML文档类型

严格类型 过渡 框架

5.

6.HTML元素语法

正确嵌套、必须始终关闭、必须小写、必须有一个根元素

7.XHTML属性语法规则:

小写(WIDTH错误)、属性值必须用引号包围、最小化也是禁止的(<input button>错误

第3阶段|CSS3基础

1_CSS3入门基础知识

CSS轮廓
属性 描述
outline 设置轮廓属性
outline-color 设置轮廓的颜色
outline-style 设置轮廓的样式
outline-width 设置轮廓的宽度











2_CSS基本样式讲解

SELEctor{
       property:value
}

body{
  color:green;
}


@H_673_303@</head> <body> <P><strong>p标签Hello Css</strong></P> <ul> <li><strong>li标签:Hello css</strong></li> </ul> </body> </html>
li strong{
    color:red;
}
strong{
    color: blue;
}



id选择器可以为标有id的HTML元素指定特定的样式
id选择器以"#"来定义

#pid a{
    color: blueviolet;
}
#divid p{
    color:red;
}

5_CSS基础-属性选择器




[title]{
    color:blue;
}
[title=te]{
    color: red;
}


3_CSS盒子模型

内边距
属性 描述
padding 设置所有边距
padding-bottom 设置底边距
padding-left 设置左边距
padding-right 设置右边距
padding-top 设置上边距








外边距 @H_136_224@marigin @H_136_224@margin-bottom @H_136_224@margin-left @H_136_224@margin-right @H_136_224@margin-top
属性 描述
设置所有边距
设置底边距
设置左边距
设置右边距
设置上边距









4_CSS定位

5_CSS选择器

6_CSS常用操作

7_CSS动画-页面特效

8_HTML与CSS简单页面效果实例

大佬总结

以上是大佬教程为你收集整理的小黑小波比.极客学院.HTML5学习笔记全部内容,希望文章能够帮你解决小黑小波比.极客学院.HTML5学习笔记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。