在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<block ...
分类:
其他好文 时间:
2017-06-14 16:14:40
阅读次数:
172
CSS+DIV 将数据封装到div中,页面中都是有很多div组成的,通过css布局(通过css属性布局)完成这些div位置的存放,一个div就是一个盒子。 边框 border:{ --left --right --top --bottom }; #div_1{ border-top:1px soli ...
分类:
其他好文 时间:
2017-06-11 21:21:39
阅读次数:
173
今天首先仿照某公司页面只做了一个几乎一模一样,连距离都相同的页面。 然后,跟着感觉制做一个简单的个人主页: 需要注意的知识点: 制作一个网页,首先要考虑网页的宽度,对于初学者,最好开始就将网页的宽度定好。 *{}: 样式表先设置好通用样式,比如margin:0px auto;居中,padding:0 ...
分类:
Web程序 时间:
2017-06-11 21:15:42
阅读次数:
238
CSS+DIV 将数据封装到div中,页面中都是有很多div组成的,通过css布局(通过css属性布局)完成这些div位置的存放,一个div就是一个盒子。 边框 border:{ --left --right --top --bottom }; #div_1{ border-top:1px soli ...
分类:
其他好文 时间:
2017-06-10 10:39:54
阅读次数:
141
布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现),希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法:水平居中,垂直居中, 2.单列布局 3.二列&三列布局: ...
分类:
Web程序 时间:
2017-06-09 11:07:50
阅读次数:
270
CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现),希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法:水平居中,垂直居中, 2.单列布局 3.二列 ...
分类:
其他好文 时间:
2017-06-09 10:01:52
阅读次数:
181
CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现),希望能给需要的小伙伴带来一些帮助。 目录 1.常用居中方法:水平居中,垂直居中, 2.单列布局 3.二列 ...
分类:
Web程序 时间:
2017-06-09 00:54:03
阅读次数:
266
由于刚刚接触前端,一直觉得table布局在代码上看起来比div+css更整洁,div+css布局的页面,一堆的<div><div><div>...</div></div></div>看起来都让人犯密集恐惧症,那么为什么现在的主流网站还都乐此不疲呢?为什么div+css反而成了一种主流布局方式呢?一直 ...
分类:
Web程序 时间:
2017-06-08 23:50:11
阅读次数:
549
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ...
分类:
编程语言 时间:
2017-06-08 23:37:16
阅读次数:
334
第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效:常见特效、例如:tab、导航、整页滚动、轮 ...
分类:
Web程序 时间:
2017-06-08 00:23:48
阅读次数:
193