![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
sunyueru
越努力越幸运
展开
-
百度前端学院任务四——定位和居中
任务注意事项: 思考不同情况下(如灰色高度是根据内容动态变化的)水平垂直居中的 解决方案。 动手试一试各种情况的组合,父元素和子元素分别取不同的 position 值。思考 position 属性各种取值的真正含义,尤其是 absolute 究竟是相对谁而言的。 注意测试不同情况,尤其是极端情况下的效果。 调节浏览器宽度,灰色元素始终水平居中。 调节浏览器高度,灰色元素始终垂直居中。 调节浏览器高度原创 2017-07-12 09:35:00 · 316 阅读 · 0 评论 -
百度前端学院任务三——三栏式布局(中间宽度自适应)
前言:最近在写百度前端学院的题目,打算这个星期快速得把第一阶段的任务过一遍。三栏式布局可以有两种写法,用float或者用position 方法一:使用float属性<div id="content"> <div class="left"></div> <div class="right"></div> <div class="middle"></div> </div>注意:m原创 2017-07-11 09:51:54 · 451 阅读 · 0 评论 -
响应式网格布局
前言:之前一直没有 学习bootstrap框架,所以就着这次机会就学习了一下bootstrap框架如何使用。首先先针对任务八提出的响应式网格布局总结一下,然后再总结一下bootstrap的基本使用方法。 一、任务八总结: 要求说明: 刚看到要求的时候完全不知道怎么下手,也是review了别人的代码之后才知道网格布局的实现原理。这里就算是学习总结一下,下次就知道怎么写了。 代码实现: <div原创 2017-07-13 22:37:06 · 1043 阅读 · 0 评论 -
flex布局的学习总结
前言:因为做任务十涉及到flex布局,所以索性花了一个上午的时间好好看了一遍。之前也看了,但是没有做实战练习,所以很多属性还是很容易忘记。其实就是熟能生巧的事情啦。原创 2017-07-14 17:26:19 · 451 阅读 · 0 评论 -
浮动相关的细细碎碎
前言:今天主要是整理一下浮动和清除浮动的相关的内容,也顺便理一下overflow和clear的相关。清除浮动的方法主要也是看了网上的总结,然后自己实现了一下。 一、什么是标准文档流 标准文档流是指不使用一些奇奇怪怪的属性(默认状态)的时候,文档中的元素会自动从左往右、从上往下的流式排版。 标准文档流中的两种元素:块级元素和行内元素 块级元素 1. 独占一行 2. 可以设置宽高 3.原创 2017-07-06 21:59:04 · 292 阅读 · 0 评论 -
页面实战练习的知识点总结
前言:之前学习过慕课网上的电商网站的实战练习,感觉那个老师讲的挺好的。但是那时候写完没有认真的总结,这次练习了一个页面,和之前的很类似,但是比较简单一些。这里总结一下我平时写静态页面经常遇到的困惑点,梳理一下知识点。注:都是想到什么写什么,有些问题比较弱智,但是也还是记录一下,哈哈。css样式优先级的问题 简单的搜索框的常见写法 文字环绕图片的实现 行内元素设置了float之后就可以改变宽高了 如何原创 2017-07-09 15:48:49 · 337 阅读 · 0 评论 -
一个页面布局的知识点总结
前言:最近快速看了一个学习视频,学完基础的HTML5和CSS3之后简单的练习了一个相关页面,总结一下过程中遇到的新的知识点。想到什么写什么了。原创 2017-07-22 17:18:28 · 731 阅读 · 0 评论 -
不想被别人看到的杂七杂八
前言:最近学的知识都比较杂乱,而且有些都没有深入的学习,比如canvas绘图。看有些大神太厉害了。。。在这里就简单记一下今天学的内容吧,方便之后自己复习。原创 2017-07-19 17:29:59 · 231 阅读 · 0 评论 -
canvas元素的总结
前言:最近在学习html5的新增属性。一些语义化的标签,和canvas。今天简单总结一下canvas标签的使用。原创 2017-07-17 21:38:35 · 421 阅读 · 0 评论