2013年3月20日

CSS选择器总结
摘要： <!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.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2013-03-20 14:00 阿土白白 阅读(118) 评论(0) 推荐(0) 编辑
 
浮动游戏
摘要： 对于漂浮(float)的元素，外边距不存在重叠效果，也就是说：上下边距为两者的margin之和。CSS的选择器总结*{} 通配选择器 选中页面上的所有元素div{} 标签选择器 选中页面上所有的div#id{}id选择器 选中页面上id="xx"的元素.classname 类选择器/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ 阅读全文
posted @ 2013-03-20 12:59 阿土白白 阅读(135) 评论(0) 推荐(0) 编辑
 
路径的概念
摘要： 如果href只写一个css的文件名，则默认在当前网页所在的目录下寻找该css文件。如果想表示当前网页网上一级，可以用..(两个点)代表上一级，如果想表示网页的当前目录，则用.(一个点)代表当前目录，如果不写./，也是默认在当前目录下找，因此往往省略/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ 阅读全文
posted @ 2013-03-20 12:00 阿土白白 阅读(192) 评论(0) 推荐(0) 编辑
 
 

2013年3月19日

border讲解
摘要： 边框的写法：边框border和margin、padding不一样，因为margin padding仅仅需要一个数字的值就能表示。但是边框不仅需要指明像素宽度，还需要指明形状和颜色边框的指定方式：border:形状 宽度 颜色例：border:solid 20px red;不能像margin padding那样把2,3,4个边框的值连着写即：border:solid 20px red solid 30px green;-----这样是不对的如果要想指定4个边框为不同的效果，可以用：border-top/right/bottom.left来分别指定/** 燕十八 公益PHP培训 课堂地址:YY频道 阅读全文
posted @ 2013-03-19 18:48 阿土白白 阅读(237) 评论(0) 推荐(0) 编辑
 
margin重叠及padding详解
摘要： margin 外边距有重叠效果就是在竖直方向，当两个元素的外边距连在一块时，两者的距离并不是两者margin之和，而是取最大margin为准内边距padding的探讨:1、四个方向上的padding定义和margin一样2、padding是透明的，也就是说Padding区域的颜色是盒子的背景色，或者说盒子的背景色铺到盒子的内边框处/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ 阅读全文
posted @ 2013-03-19 18:29 阿土白白 阅读(355) 评论(0) 推荐(0) 编辑
 
详解margin
摘要： 为什么默认一个div,margin,padding全为0，离浏览器的左侧还有一点空隙？答：因为浏览器对页面的部分元素(body,ul,li等)，他们的padding,margin,border，可能会为他们预设一些值，而且各个浏览器设的值不一样解决方法：css初始化，把所有的元素margin,padding,border全设为0*在计算机里往往代表”所有的“，是一个通配符就要用通配符来初始化css里*能够选中页面上的”所有“元素，因此叫做通配选择器*{margin:0;padding:0;border:0;}是一种很常用，但是效率不是很高的初始化方法但是我们先掌握初始化的意义和方法。margi 阅读全文
posted @ 2013-03-19 17:46 阿土白白 阅读(299) 评论(0) 推荐(0) 编辑
 
盒模型
摘要： 一个div是一个矩形，为了方便控制div的效果，我们推荐把div理解成“一个木头盒子”分析现实中的情况：一个盒子：有边框(边框有多厚？用像素自定义)盒子内部的内容，离边框内部有多远的距离，还是说可以贴着内边框放置？内容离内边框的距离叫做内边距盒子本身有一个大小：宽和高盒子与盒子之间可以保持距离：外边距宽：width高：height边框：border内边距：padding外边距：margin盒模型的深入探讨：1个盒子在页面上到底占多大的空间？答：width和height是指允许写内容区域的大小，也就是说Padding往里的内容。一个盒子本身有多大？水平：左边框+左内边距+内容宽度+右内边距+右边 阅读全文
posted @ 2013-03-19 16:07 阿土白白 阅读(137) 评论(0) 推荐(0) 编辑
 
布局概念及css基本概念
摘要： 页面布局当拿到一个图片或者准备做一个页面时，首页不要去看文字，颜色等细节，而是从整体上看页面该如何划分，划分成“块div”按“从上到下”从左到右“从大到小”的原则划分。Div布局css控制显示效果标签体现语义div块状元素的一个重要特点：无论宽度如何，在浏览器上的显示效果都是独占一行。引入css文件1、直接在html文档的head区域里面，用<style type="text/css"></style>包围起来。2、把css写在专门的.css文件里，用<link rel="stlesheet" href="xxx. 阅读全文
posted @ 2013-03-19 15:32 阿土白白 阅读(195) 评论(0) 推荐(0) 编辑