发表于： 2019-07-13 01:07:33
1 956
今天完成的事
1.简单构建剩余文字结构
2.分别给文字设定样式完成效果
3.设置样式完成footer
4.发现使用opacity的方法实现footer透明，两个按钮也会跟着透明。网上搜索并学习之后，
更改采用rgba的设置方法实现
5.架构时间列表
6.调整样式
7.今天完成预览 完成绝大部分 三个页面还有一些header定位和跳转问题需要调整就完工了
每天能学的时间都只有三四个小时
明天的计划
1.完成任务7收尾工作
2.开始任务8
遇到的问题
header的定位问题没弄好
收获
1.学习了三种控制空格显示的方法
第一种是使用<pre>标签原样输出
第二种是使用 代表一个空格来添加
第三种是使用white-space: normal;
CSS 的空格处理
作者： 阮一峰
日期： 2018年7月30日
http://www.ruanyifeng.com/blog/2018/07/white-space.html
2.简单阅读了一些有关于CSS权重的知识
3.学习了实现透明的三种方法
实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法
- css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8
- css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)
- IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(opacity=80)
https://blog.csdn.net/a576736858/article/details/51604536
使用opacity的方法会导致下属的所有元素都强制一样半透明
而使用设置rgba的方法则只会对当前属性起作用并且不会被下属元素继承。
返回列表
评论