WEB
玖零大壮
这是个还有梦的傻小子
展开
-
搞定HTML\CSS之absolute和relative
前言 这篇博文我要搞定的问题是①absolute和relative区别 ② top和margin-top区别 ③浏览器body默认内外边距浏览器body默认内外边距 很多时候研究一些网站的源码,总会看到别人的CSS文件里有这么一句话" body{margin: 0; padding: 0;} ",那么为什么要加这么一句话呢?先用下面的现象抛出来。 如下代码原创 2015-12-09 22:09:01 · 6820 阅读 · 10 评论 -
搞定HTML\CSS之background属性
前言 我为什么写这个呢?因为我看别人的源码的时候,样式表里有比如下面这样的字眼: background: url("../img/bg_idx_01.jpg") repeat-x scroll 50% 0 #FFFFFF; 而我吧,又是新手,只会background-color:、background-image:...这样的单独的用,肯定不如上面的方便,所以就学习原创 2015-12-06 00:14:13 · 10333 阅读 · 0 评论 -
HTML引入CSS样式三种方法及优先级
方法 css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意,样式表放在不同的地方,产生作用的范围不同(以下会说明)。内联定义 内联定义,即在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :,如下示例浏览器此时显示内容链入内部CSS CSS内链接是由标记对放在中,在中有一个类型属性type,原创 2015-12-05 21:31:50 · 49662 阅读 · 4 评论 -
带滑动条的导航栏(中)---jQuery实现滑动效果
前言 本节利用jQuery实现最终的滑动效果。网页代码 navigator2.html 导航栏 (function ($) { $(function () { nav(); }); function nav() { var $liCur = $(".nav-box ul li.cur"),原创 2015-12-16 21:58:14 · 10466 阅读 · 1 评论 -
带滑动条的导航栏(下)---修复浏览器变窄后导航栏变成两条的BUG
前言 我在演示的过程中,突然发现了一个BUG,如下 全屏时候,还能显示成一行,可缩小浏览器后,一行的浏览器就变成两行了,甚至更多行。原因 如下图,ul的父元素依次是nav-box 、 banner、body,而我在设置它们的时候,宽度都没有写成固定值,即body按照默认,banner的width为100%,nav-box的width为50%,如果将浏览器缩窄,假如此时原创 2015-12-16 22:47:49 · 2350 阅读 · 0 评论 -
带滑动条的导航栏(上)---CSS实现样式
前言 本系列实现的是带有滑动条的导航栏,效果图如下 我看其它的网站,对比之下还是喜欢这种简洁大方的感觉,于是乎扒拉下来了。布局层 首先,我新建了一个navigator1.html,先用div布局,如下 滑动条导航栏 body{margin: 0; } ul, li{margin: 0; padding: 0;}原创 2015-12-14 23:11:47 · 9649 阅读 · 2 评论 -
CSS设计表格(上)--样式设计及全选功能
前言 本章主要设计一个简单大方的表格,因为在写后台的时候,统计用户信息等需要用到表格,所以就采用如下样式的表格,鼠标移过的地方变色,支持全选 本章代码点此下载样式表格 table.html内容 Table界面 body{margin: 0;} .main{ width: 600px; margi原创 2015-12-12 23:45:04 · 3494 阅读 · 1 评论 -
CSS设计表格(中)--jQuery实现删除指定行
前言 上一节,利用CSS实现了一个样式表格,增加了全选功能,本节利用jQuery实现删除指定行功能。如下效果图: 实现代码 table3.html内容 Table删除行 body{margin: 0;} .main{ width: 600px; margin-top: 10px; margin-l原创 2015-12-13 15:09:58 · 15457 阅读 · 0 评论 -
CSS设计表格(下)--PHP读取XML并用表格显示
前言 在刚开始的时候,我说过这个表格准备用于后台显示用户信息等,既然是后台,就少不了和数据库及后台语言(比如PHP)打交道,比如我通过PHP读取数据库信息并显示。本节内容为了简单起见,以XML文件代替数据库的存储功能,将用户信息存放于XML文件内,如下userinfo.xml 将其读取显示到表格效果如下 工程示例代码点此下载示例代码 本节的示例代原创 2015-12-13 21:23:23 · 1782 阅读 · 0 评论 -
HTML仿CSDN博文内容摘要样式
前言 因为要搭建自己的个人网站,以作学习总结用,平时也会在网站发表文章用,还是很喜欢CSDN这样大气显示内容摘要的风格,于是就借用了一下CSDN的样式,在我的网站显示效果如下:本示例代码的效果如下:下面是HTML源码,点此下载全部代码 王文松的个人网站原创 2016-01-29 22:29:46 · 1837 阅读 · 0 评论