响应式网页设计项目---CnBlogs用户意见调查

Posted 2020-11-26 jane-panyiyun

 

 

响应式网页设计项目-CnBlogs用户意见调查

https://codepen.io/yiyunpan//

 

#技术堆栈

1. 使用html、javascript和CSS完成。这里是纯CSS做的

 

#内容

1. 使用了H5 语义化的标签

2. 使用了H5 Form表单的特性

3. Selection/Option/Textarea 样式重置后，并使用了和其他表单一致的样式（字体，颜色，边框，隐藏了自带的）

4. 表单细节不错

5. 背景图用了 linear-gradient的属性，也设置了透明度，使得使用的背景图很好的融入配色，不用太纠结于清晰度的问题

 

 

 

#布局

响应式布局：

1. 带自己名字的Nav导航（到我的博客和CodePen.io）固定在页面上

2. 用@media设置了不同宽度时候，界面的样式

3. 页面元素自适应

 

#效果

 

 

大图

 

 

表单细节不错