CSS布局开山片

  css学习到了瓶颈期,想把css学精了在去学JS,向前辈发去的求助信息也石沉大海。还是自己动手吧,自己动手丰衣足食嘛!

  我首先想拿下css布局,因为我觉得做一个网页,首先得把大布局做好,在把内容和细节做好。话说也没想布局会有这么多!单列布局、两列布局、三栏布局、浮动。。。。而且他们还可以往细里分,还有不同的实现方法。这确实是一项比较复杂的东西,就好像女孩纸一样复杂。

  大致分了一下布局的四种方式:

  这些布局方式都有多种方式可以实现,优缺点各不相同,所以我会详细地记录这些布局方式的实现方法。

  以下是个人闲话,可以选择跳过。

  从知道前端到现在,已经差不多满一年了,较之前的水平,现在已经有了很大的提高,但是学习进度一直很慢。昨天晚上舍友打游戏睡不着,躺床上想是为什么,总结了一下:首先是没有计划。呵呵呵,之前都有计划,但是问题是,鬼才知道你这个计划是好的坏的,完全由自己去感觉。。。完全没感觉啊,就这么一直靠这个没感觉的感觉一路走下去,到现在,我也不知道自己的真实水平或者阶段在哪,下一步怎么学。其次没有一个臭味相投的对手。《疯狂的程序员》里绝影说,要学东西,要么成为第一个做到的,要么成为做的最好的。现在在我这个专业里,貌似是第一个。。不排除我还没知道的。然而这造成了一个问题,没人和你吵吵啊!跟人竞争是进步最快的方式,也可以看清自己几斤几两,然而并没有这么个对手。

  不过我也不着急啊,现在还有算法、计网之类的课要学,前端我慢慢来。我在想现在最着急的是个啥哦!找女票啊!现在生活一点乐趣都没有,整天上课、看书、撸代码、睡觉,感觉生活好没劲啊!还要每天吃狗粮。。哈哈哈哈。。。。。

  加油!

  

时间: 2024-07-31 00:50:48

CSS布局开山片的相关文章

深度理解div+css布局嵌套盒子

1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位,而CSS网页排版技术有别于传统的网页排版方法,它将页面首先在整体上使用<div>标记进行分块,然后对每个快进行CSS定位以及设置显示效果,最后在每个块中添加相应的内容.利用CSS排版方法更容易地控制页面每个元素的效果,更新也更容易,甚至页面的拓扑结构也可以通过修改相应的CSS属性来重新定位.  2. 盒子模型 盒子模型是CSS控制页面元素的一个重要概念,只有掌握了盒子模型,才能让CSS很好地控制页面上每一个元素,达到我们

现在主流网站为什么都用div+css布局而不是用table

由于刚刚接触前端,一直觉得table布局在代码上看起来比div+css更整洁,div+css布局的页面,一堆的<div><div><div>...</div></div></div>看起来都让人犯密集恐惧症,那么为什么现在的主流网站还都乐此不疲呢?为什么div+css反而成了一种主流布局方式呢?一直对此不解.这篇文章好像是解决了我的问题,先摘录过来,以便查阅. 以下内容摘自:http://www.divcss5.com/wenji/w

&lt;转载&gt;div+css布局教程之div+css常见布局结构定义

在使用div+css布局时,首先应该根据网页内容进行结构设计,仔细分析和规划你的页面结构,你可能得到类似这样的几块: 页面层容器.页面头部.标志和站点名称.站点导航(主菜单).主页面内容.子菜单.搜索框.页脚(版权和有关法律声明). 通常采用DIV元素来将这些结构定义出来,类似这样: <div id="Container"></div> 页面层容器 <div id="header"></div> 页面头部 <di

&lt;转载&gt;Div+Css布局教程(-)CSS必备知识

目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的高度(Height:45px;). Background:设置对象的背景颜色.背景图像. 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Administrator/Desktop/huipu.jpg) repeat-x;

CSS篇之DIV+CSS布局

<div></div> div与其他标签一样,也是一个XHTML所支持的标签. div是XHTML中指定的,远门用于布局设计的容器标记. 简单的CSS布局 头部 内容 页脚 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css">

css布局实践总结(part2)

一.总结: 在第一篇css布局实践心得总结中总结了通过给元素设置position:absolute的方式让元素处在BFC(块级格式化上下文)的环境中,处在BFC环境中的元素是独立的,它和外面其他元素毫无关系. 今天很兴奋的是实践到了通过将元素设置成line-block的方式让元素处在BFC的环境中,让其与外面的元素隔绝关系.还是引用这张图. 问题:如何让一个块级元素在没有采用float或position:absolute的情况下(采用这两种方式布局的元素,元素都会脱离文档流,元素大小由元素里面的

css012 css布局简介

css012  css布局简介 一.    网页布局的类型 网页布局的类型 1.固定宽度 2.流式 3.相应式web设计 二.    如何进行css布局 1.强大的<div>标签 网页的html代码数量应该尽可能减到最少,尤其是div标签的嵌套,当使用div标签有助于网页布局设计时,就很好用.但是并不是div嵌套的越多越好. 2.html5的分区元素 <div>  用于分割区域,块级元素 <span> 行内分区元素 <article> 给网页或者网页的分区提

div+css 布局经验 - 最简单的 = 最不变形的(原创技巧)

站酷几年了 一直饱受其恩泽 尤为感激 一直想奉献些什么 但是苦于水平 苦于奔波 今天静下心来 为大家奉献下 自己的div+css 经验 ,以下观点只代表 深海个人立场 希望为初学者提供一条"捷径". 希望广大网友提出宝贵意见 同时不希望将初学的您 带入走火入魔的状态! 1 :css (cascading style sheet): 初学者可以下载一本css 2.0 手册 大概48小时的时间可以看完 试完.至于样式手册上的单词(属性和取值) 多久能背完取决你的努力和英语基础,请注意 无论

一些css布局

# css布局 #---bootstrap   详情请看官方文档---首先要按照相应的官方规范引入相应的css js fonts等 container相当于一个容器 一般设置一个 接下来设置行 用row row里面套col col里面可以继续套row   row不能直接套row <div class="container">        <div class="row header">            <div class=&q