本学习资料包含了，html、html5到css以及css3的基本知识点，适合刚刚学习网页开发的初学者学习。

HTML与css新手练习源码，常用的HTML5 和css3 适合新手练习

初学者

很漂亮的H5页面设计，包括源代码，很多项目都在用！

HTML5/CSS 餐厅选择器 第一关 plate plate元素 第二关 bento bento元素 第三关 #fancy id为fancy的元素 第四关 plate apple plate祖先元素下的apple后代元素 第五关 #fancy pickle id为#fancy的祖先元素下的pickle后代元素 第六关 .small 组为small的元素 第七关 orange.small 组为small的orange元素 第八关 bento>orange.small bento父元素下的组为small的orange子元素 第九关 plate,bento,div plate,bento兄弟元素在div元素中 第十关 * *代表所有元素 第十一关 plate>* plate父元素的所有子元素 第十二关 plate + apple 兄弟元素选择器，plate元素的后一个元素 第十三关 bento~pickle 兄弟元素选择器,bento元素后的多个pickle元素 第十四关 plate>apple plate父元素下的apple子元素 第十五关 plate orange:first-child 子元素选择器，plate元素下的第一个orange元素 第十六关 plate :only-child 所有plate元素下的元素 第十七关 #fancy :last-child,pickle:last-child id为fancy的元素的最后一个和pickle元素的最后一个 第十八关 div plate:nth-child(3) div元素中的第三个plate元素 第十九关 div bento :nth-last-child(4) div元素中倒数第四个bento元素 第二十关 apple:first-of-type 第一个apple元素 第二十一关 plate:nth-of-type(even) 所有偶数个的plate元素 第二十二关 plate:only-of-type(6n+3),plate:only-of-type(6n+5) plate元素下的第3个和第5个元素 第二十三关 plate apple.small:only-of-type plate元素下满足apple.small元素的唯一一个元素 第二十四关 orange.small:last-of-type,apple.small:last-of-type 是orange.samll和apple.small元素的最后一个元素 第二十五关 bento:empty bento元素里没有包括额外元素 第二十六关 apple:not(.small) apple里没有组是.small的元素

本文档主要从是架构级别的优化，例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 和 代码级别的优化，例如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等来讲述前端性能优化的多个方式。 目录结构如下： 一、WEB性能优化相关理论 二、前端性能优化的目的 三、前端性能优化的方式

网页版飞机大战，模块化代码，带各类效果

基于jquery的省市县三级联动 ， 数据来源本地JS文件，无需调用接口。 可前往本人文章《jquery省市县三级联动》查看效果和代码. https://blog.csdn.net/weixin_44767530/article/details/119926619?spm=1001.2014.3001.5502

响应式网上书城静态网页

html+css 界面设置 个人简历 模板