码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-04 09:33:15      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:yun   tar   表单   media   asc   内容   line   form   清晰度   

 

 

响应式网页设计项目-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. 页面元素自适应

 

#效果

技术图片技术图片技术图片

 

 

大图

技术图片

 

 

表单细节不错

技术图片

 

技术图片

 

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

标签:yun   tar   表单   media   asc   内容   line   form   清晰度   

原文地址:https://www.cnblogs.com/jane-panyiyun/p/12406176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!