HTML&CSS前端结构样式资料

HTML 的ul、form、table这些基础标签，随便一个项目都用得到。你得先搞明白这些标签的语义和用法，页面才不会乱糟糟。写结构时注意层级别太深，不然样式难写不说，后续维护也是个大坑。

CSS 比较妙的地方在于它的选择器。用.box .item这种嵌套方式，能精准控制到元素，挺灵活的。布局方面，推荐你上手试试display: grid或者flexbox，比以前的float和position: absolute好控制多了。

现在都追响应式设计，那就得玩点@media，给不同设备写不同样式。不然你在电脑上看着还行，到了手机上全堆一块，用户体验直接劝退。CSS3 的一些新特性，比如box-shadow、transition这些，也挺好用，效果还不重。

哦对了，推荐你随手记笔记，不管是 HTML 标签的小坑，还是 CSS 样式的调试技巧。后面做项目时翻一眼，省得你又去查文档。像这两个资源我用过，还不错：

• CSS 样式表网页制作：讲得挺系统，适合复习用
• CSS 样式表手册：查属性和兼容性比较方便

如果你刚开始学，不急着全懂，重点是动手试，出错也别怕，多练几遍自然就顺了。