转载自这里，转载请注明出处。 DIV+CSS系统学习笔记回顾 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位： web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望： 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做 ...
分类：
Web程序 时间：
2017-08-08 14:05:28
阅读次数：
277
案例1-用div+css重新布局首页 div:块标签， <div></div>span:行内的块标签 <span><span>////////////css:渲染 层叠样式表 格式: 选择器{属性:值;属性1:值1;} 后缀名: .css 独立的css(样式)文件 和html元素的整合★ 方式1:内 ...
分类：
Web程序 时间：
2017-08-08 09:25:05
阅读次数：
214
后代选择器 //选择 body内的全部div元素. $('#btn1').click(function(){ $('body div').css("background","#bbffaa"); }) 子元素选择器 //在body内的选择 元素名是div 的子元素. $('#btn2').click ...
分类：
Web程序 时间：
2017-08-07 22:26:26
阅读次数：
341
页面布局的三种方式： a、TABLE布局：已过时 b、DIV+CSS：当前主流 c、HTML5布局标签：未来趋势 1、学生成绩表设计 注意： <body> <table height="250px" width="600" border="1" align="center" cellpadding= ...
分类：
Web程序 时间：
2017-08-06 23:14:36
阅读次数：
525
1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用<div>标记进行分块，然后对每个快进行CSS定位以及设置显示效果，最后在每个块中添加相应的内容。利用CSS排版方法更容易地控制页面每个元素的效果，更新也更 ...
分类：
Web程序 时间：
2017-08-05 23:39:48
阅读次数：
361
“T”结构布局形式。所谓“T”结构，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果不注意 ...
分类：
Web程序 时间：
2017-08-05 00:11:18
阅读次数：
165
css3的nth-child选择器的具体探讨 前言 在十年前開始的div+css布局兴起之时,我就開始了CSS的学习和实践.在当年,对于CSS选择器,基本上是没有什么选择性的,仅仅有ID选择器,CLASS选择器,以及元素选择器,当然,还包含#id p 这样的子选择器. 在那个蛮荒时代,各大浏览器对C ...
分类：
Web程序 时间：
2017-08-02 15:36:35
阅读次数：
171
(1)表格布局 表格布局容易掌握，布局方便。但表格布局需要通过表格的间距或者使用透明的gif图片来填充布局板块间的间距，这样布局的网页中表格会生成大量难以阅读和维护的代码；而且表格布局的网页要等整个表格下载完毕后才能显示所有内容，所有表格布局浏览速度较慢[2]。 (2)CSS+DIV布局 通常要实现 ...
分类：
Web程序 时间：
2017-08-02 00:38:21
阅读次数：
191
DIV+CSS 一、盒子模型css height width padding 内边距 margin 外边距 border 1.margin 外边距 margin-top:15px; margin-right:50px; margin-bottom:100px; margin-left:150px; ...
分类：
Web程序 时间：
2017-07-31 22:54:54
阅读次数：
224
1.1、直接在div中使用css样式制作div+css网页 如： 1.2、html中使用style标签 在html头部head部分内style标签插入css样式代码如下： 1.3、使用@import引用外部CSS文件 1.4、使用link引用外部CSS文件 ...
分类：
Web程序 时间：
2017-07-30 21:59:27
阅读次数：
145
