30天学会HTML＋CSS，制作精美网站

随着科技不断进步，智慧型手机的普及，网际网路已经进入生活的食衣住行等各方面的需求，随时随地只要透过网页就可以向使用者分享资讯、互动、沟通、购物....，使用者只要透过网站搜寻，就能即时获取大量多样的资讯。

写作动机及目标

近几年新的技术不断地涌出，旧的技术也不断地在更新，像是以前做动画需要用Flash才能实现，现在也可以用CSS来实现了，因此打好基本功，才能随心所欲的制作出各式各样不同风格的网站。

那你会问，现在也有很多免费架站平台来制作网站，几分钟之内快速做好一个网站了，用那做一做就好啦！是这样没错，但是版型、功能大幅受限，想改的改不动，想加的不能加，所以就必须了解网页相关知识，才能制作符合自己的网站风格，那最基本的就是要学会HTML及CSS了。
这30天，这系列文章我会分享：

• 常使用的素材网站、线上产生器
• 使用编辑器好用套件
• html+css介绍，并补充我自己遇到的问题及样式写法
• 制作响应式网站需要注意的细节

希望可以帮助初学者学习制作网站，也欢迎大家跟我分享

目录

• 30天学会HTML＋CSS，制作精美网站
• 如何制作一个精美的网站
• 找寻你的设计灵感、素材及好工具
• 改造你的VSCode，大幅提升你的Coding效率
• 认识网页元素 HTML、CSS
• 语意标签-30天学会HTML＋CSS，制作精美网站
• 网页选择器-30天学会HTML＋CSS，制作精美网站
• 伪类与伪元素-30天学会HTML＋CSS，制作精美网站
• 网页常用单位-30天学会HTML＋CSS，制作精美网站
• 网页命名规则-30天学会HTML＋CSS，制作精美网站
• 网页文字-30天学会HTML＋CSS，制作精美网站
• 颜色与背景-30天学会HTML＋CSS，制作精美网站
• 网页超连结-30天学会HTML＋CSS，制作精美网站
• 项目清单-30天学会HTML＋CSS，制作精美网站
• 网页图片-30天学会HTML＋CSS，制作精美网站
• 混合模式-30天学会HTML＋CSS，制作精美网站
• 滤镜-30天学会HTML＋CSS，制作精美网站
• 剪裁与遮罩-30天学会HTML＋CSS，制作精美网站
• 网页表格-30天学会HTML＋CSS，制作精美网站
• 网页表单-30天学会HTML＋CSS，制作精美网站
• 网页盒子-30天学会HTML＋CSS，制作精美网站
• 网页定位-30天学会HTML＋CSS，制作精美网站
• Flexbox-30天学会HTML＋CSS，制作精美网站
• 网页编排Grid-30天学会HTML＋CSS，制作精美网站
• 网页动起来-30天学会HTML＋CSS，制作精美网站
• 网页变形-30天学会HTML＋CSS，制作精美网站
• 制作响应式网站-30天学会HTML＋CSS，制作精美网站-30天学会HTML＋CSS，制作精美网站
• 响应式网站注意细节-30天学会HTML＋CSS，制作精美网站
• 网页框架比一比-30天学会HTML＋CSS，制作精美网站
• 版本控制与结语-30天学会HTML＋CSS，制作精美网站