发表于： 2019-03-28 21:27:49
1 772
今天完成的事情：
1.在css任务5使用弹性盒子布局
效果如图，
2.学习flex常见移动端布局
3.学习前几个任务的思考题
明天计划的事情：
1.完成css任务5
2.学习使用bootstrap
遇到的问题：
1.怎样使用css让图片实现半透明
定义透明效果的 CSS3 属性是 opacity。
img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。
IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。
收获：
1.对flex弹性盒子有了更熟悉的了解与运用
以下6个属性设置在容器上。
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
以下6个属性设置在项目上。
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self
返回列表
评论