发表于: 2019-03-25 23:23:44

1 813


今天完成的任务

完成了任务10

明天的事情

了解sass 完成任务11

遇到的问题

任务10主要是想让我们多了解下响应式布局 在布局上没有遇到什么问题

遇到问题的就是 表单怎样改变原始样式

看了师兄的日报了解到可以

radio的话可以绑定一个label,设置input的样式为none,给label设置伪元素样式。

select可以用之前的hover 但是没啥用 还有就是隐藏select 外边套一个div用来写样式 比较麻烦


radio我直接用的boot框架里封装好的 比较好用 节省代码 好看 好用

附上任务总结

任务名称:css任务10

成果链接:https://jackzhoujia.github.io/xiuzhenyuan/TaskTen/TaskTen.html

任务耗时:1天

官网脑图:

个人脑图:


任务总结:

css任务10的话主要想让我再深入了解下响应式布局 还有稍微了解下表单(主要任务是修改一些表单原始样式)

头部 和尾部的话 我用的是任务8的css 一些不同的地方缝缝补补 算是节省了一些代码吧  但是任务8的头部和尾部封装的不是特别好 回头重做的时候这个要主要考察下!

看了一下师兄的日报 radio可以可 以绑定一个label,设置input的样式为none,给label设置伪元素样式。

我这里偷了下懒 用了下boot的radio 设计思路也是一样的 boot封装的很好 简洁 大气 美观 

select的话有俩种方式  一种是和前面一些任务做的一样 利用hover来做 但是我感觉没有实际用处 数据选不中

还有一种是隐藏掉select 再外层套一个div 自定义div的效果 这种的办法我感觉相对来说好一点吧!!





返回列表 返回列表
评论

    分享到