月归档:2015年12月

header内div浮动背景消失的问题

为了保证易用性,我们一般会把首页切成三大块(header,main,footer),然后再给三大块里分各自的区域,又因为需要在大容器里水平对齐,所以我们会用到float,在用到float的时候,有时候会遇到之前给定背景颜色消失的问题,那就来看一下,这个到底是为什么。

发表在 div/css | 标签为 , , , , , | 留下评论

position 居中问题详解

<!–  position 居中问题详解 Type:笔记 Date: 2015/12/23 前几天看过这个问题, 昨天在写完一个留言添加居中后, 就把怎么计算的给忘了, 今天经过师傅级指点,又会了, 于是就有了本篇笔记。 –>

发表在 div/css | 标签为 , , | 留下评论

用面向对象思想开发一个留言本-添加部分

使用面向对象开发的二个主要优点 1. 可读性高。 2. 让代码更具模块化,方便维护和二次开发。 今天要来开发的是一个面向对象的留言本, 如果是面向过程, 连上数据库, 检测提交事件,检测变量, 增删改查就可以了, 因为我们要采用面向对象思想开发,所以就不能这么干,那下面来捋一下,用面向对象思想该怎么去开发。 在开发之前,我们要先整理出一个大概的结构,留言本是一个对象, 它有个大脑,存储着数据库的配置信息, 同时大脑里记忆着增删改查方法,我们可以使用对象->方法的形式从记忆中获取并实现真实的增删改查过程, 这个就叫面向对象。举个简单的例子就是, 人是一个对象, 人有头, 手,脚属性, 可以使用人对象->手方法拿起食物 ->脚方法走到食物前 ->头正对准食物方向。 现在心中大概的模型有了, 就要去进行需求分析, 因为我们知道, 它是一个留言本,所以就可以进行以下的分析 (分析场景是结合php+mysql的基础之上)

发表在 php | 标签为 , , , , | 留下评论

三种常见的块居中方式

非强制要求,全凭项目要求或者个人喜好, 一般用在比如用户注册页面模块,后台登录模块,新闻栏模块等等。 正常方式一,使用position固定居中 <html> <head> <title>position</title> <style type="text/css"> body {     background:blue;     margin:0px; } #main {         width:300px;     height:300px;         background:yellow;     position:absolute;     top:50%;     … 继续阅读

发表在 div/css | 标签为 , , , | 留下评论

css之position

昨天看了这个属性, 刚开始对照网上的解释看有点云里雾里, 不过小平同志有句话说的好, 实践是检验真理的唯一标准,那咱们就来动手实践看一下! 首先,position支持这么几个属性值的设置 absolute(绝对定位) fixed(绝对定位, 以浏览器窗口为基础) relative(相对父窗口定位) static(默认的,在文档流中) inherit(继承父元素中设置的属性值) 咱们先来看一下absolute 在说到absolute之前就要先说一下文档流, 文档流, 简单点理解就是, 一段div, 或者一段表格, 自上而下, 从左到右, 有序排列,absolute的作用就是让某一元素脱离文档流, 然后再通过top,left,right,bottom对元素位置进行从新设置。 它遵从两个基本原则 原则1: 父级设置了position属性, 则当前定位根据父级position里的属性值进行定位。 原则2: 父级没有设置position属性, 则当前从浏览器的左上角开始定位。

发表在 div/css | 标签为 , , | 留下评论

margin和padding

margin可以被用来设置外边距, 简单点说就是边框与边框的距离,可以使用的属性有 top right bottom left, 也可以按照margin:上,右,下,左的形式设置或者直接使用margin-top的形式。 <html> <head> <title>margin</title> <style type="text/css"> body {     background:red; } .main {         width:100%; /*  百分比是按照body原始的大小  */     height:100%;     background:yellow; } </style> </head> <body> <div class="main"> … 继续阅读

发表在 div/css | 标签为 , , | 留下评论

css常见属性

font-family: 字体的系列 防止设置一个不存在, 可以设置多个 font-size: 字体的大小 可以用百分比, 也可以用实际大小 font-style: 字体的风格  normal 普通 italic 斜体 oblique 倾斜 font-weight: 字体加粗 可以按font: xxx xxx xxx 定义 font-variant: 字体变形  normal 普通 或small-caps 小型大写字母 text-align: 文字排列 letter-spacing: 字符间距 text-decoration: 文本修饰, 可以加下划线删除线什么的。 text-indent: 缩进 text-transform: 大小写状态 … 继续阅读

发表在 div/css | 标签为 , , , , | 留下评论

css选择器

要应用哪个html元素,就可以把该元素作为选择器 <html> <head> <title>css选择器-html选择器</title> <meta http-equiv="Content-Type" Content="text/html;charset=’UTF-8’"/> <style type="text/css"> a {     color:blue; } </style> </head> <body> <a href="http://gonvshenhome.localhost">点击访问</a> </body> </html> <html> <head> <title>css选择器-class(类)选择器</title> <meta http-equiv="Content-Type" Content="text/html;charset=’UTF-8’"/> <style type="text/css"> a.o {     color:green; } </style> </head> <body> <a … 继续阅读

发表在 div/css | 标签为 , , , , | 留下评论

css的几种使用方式和区别

在html中, 使用css有以下几种方式 嵌入式 内连式 导入式 外部css样式表 直接在html中使用style标签,这种写法叫做嵌入式css写法,比如 <html> <head> <title>嵌入式样式表</title> <style type="text/css"> body {      background-image:url(nvshen.png);color:red; } </style> </head> <body> i love her. </body> </html> 这样我就给当前body区定义了一个图片,并把文字颜色设置成了红色。 下面来看看内连式,内连式是在html属性中直接设置的, 比如, 我们知道, 任意的html属性标签都支持name class id style这四个属性, 我们就可以这样来设置内连css <html> <head> <title>内连式样式表</title> </head> <body> … 继续阅读

发表在 div/css | 标签为 , , , , , | 留下评论

Php Web网站程序开发概述

很少有人讲过这些东西, 大概整理一下。 前台:   html,div+css+js+ajax+jquery  (切页面,调样式,做效果和部分验证) 后台:    php,frame分帧,往前台传值和获取更新信息,编辑器,权限管理。 模板引擎: smarty… 开发框架: thinkphp, sfmy… 数据库: Mysql… 数据库可视化管理: phpmyadmin,win32/LinuxSqlGUI 剩下的就是一些php和sql优化有关的一些东西.. 前几天刚刚发现, 我的新blog被中国移动无故屏蔽了…

发表在 php | 标签为 , , , , , | 留下评论