Html-Css
静山晚风
珍惜眼前的人,当你不满足现状,总想找更好的,以为为自己的目标而奋斗,实际上你错过了眼前人,当十年过去了,你得到了你想要的,但你最最珍爱的已经不再了,包括任何的人和事,亲人,朋友同学,同事,家人。可能还不知,那时的你才是自己的最巅峰。重拾CSDN,我回来了
展开
-
Reload the site when reached via browsers back button
Reload the site when reached via browsers back buttonup vote3down votefavorite2Problem: I have a site with dynamic content which needs to be reloaded every time转载 2015-12-16 14:10:46 · 1130 阅读 · 0 评论 -
给div设置背景图片(x轴重复排列)
1 #box{ width:200px; height:100px; border:1px solid red; color:#ffffff; background:url("photo.gif") repeat-x;}原创 2013-10-14 09:36:45 · 3620 阅读 · 0 评论 -
去掉超链接下划线
text-decoration:none;原创 2013-10-13 15:55:54 · 1131 阅读 · 0 评论 -
实现菜单的分隔效果
#menu li{ background:#08aeba; font-size:14px; font-weigt:800; border-top:1px solid #fff; }让菜单有分隔的效果原创 2013-10-13 15:48:29 · 894 阅读 · 0 评论 -
html-css设置标签样式不起作用原因
1 css样式没有加分号“;”2 标签没有关闭 缺少">"原创 2013-10-13 15:18:07 · 5569 阅读 · 0 评论 -
设置banner条 文字右边对齐(text-align)_文字颜色(color)_100%整个宽度(width+absolute)
#banner { width:100%; padding:2px 0px; bottom:1px; position:absolute; text-align:right; color:#fff; background:#666; border-bottom:1px solid #ffffff; border-top:1px solid #ffff原创 2013-10-13 14:54:27 · 1283 阅读 · 0 评论 -
让div布局轻松居中的方法
#header{ width:777px; margin:auto; }原创 2013-10-13 13:04:26 · 761 阅读 · 0 评论 -
使用css设置背景图方法_background:url
html,body{ margin:0; padding:0; height:100%; font-family:"Times New Roman" /**/ background:url(images2/bg2m.jpg); }原创 2013-10-13 12:54:59 · 2645 阅读 · 0 评论 -
整体布局注意
1#header{width:777px;margin:auto;position:relative;background:#ffeeee;height:15%;border-left:1px solid #fdfeee;border-right:1px solid #fdffeee;}2 功能让 header占据15%,前提父级是百分比的3原创 2013-10-13 13:11:29 · 720 阅读 · 0 评论 -
margin:10px 5px 15px 20px含义
margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px原创 2013-10-13 12:53:59 · 9490 阅读 · 0 评论 -
span和div的区别
2个都是用来划分区间但是没有实际语义的标签,差别就在于div是块级元素,不会其他元素在同一行;span是内联元素~可以与其他元素位于同一行~转载 2013-10-13 12:47:42 · 773 阅读 · 0 评论 -
height: 100%的作用
1首先我们需要给html和body都设置100%的高度,这个经常被忽略,但是非常的重要,如果父元素没有指定高度,那么子元素的百分比的高度设置了也没用。所以我们需要先设置父元素的高度:html, body {height: 100%;}2在网页设计中,table用height:100%是可以整屏的,但需要在网页头部增加: 后就和没有用heigh转载 2013-10-13 11:57:36 · 1202 阅读 · 0 评论 -
两种 背景图靠右边上边不重复的方法
1背景实例手把手.box{ height:100px; border:1px solid red; background:green; background-image:url("html.jpg"); background-repeat:no-repeat; background-position:top right;}.otherbox{ height:1原创 2013-10-14 09:39:16 · 1710 阅读 · 0 评论 -
移动滚动轴,背景图片位置不变。
1body{ background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; }这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。原创 2013-10-14 09:40:22 · 1282 阅读 · 0 评论 -
hash url hash用法
hash = window.location.hash;转载 2015-01-15 10:47:11 · 963 阅读 · 0 评论 -
让 table 的 table td边框合并的方法
1table{ border-collapse: collapse; border: none;}table, td{ border:solid 1px #A9CBEE;}转载 2014-12-27 16:08:24 · 10836 阅读 · 0 评论 -
父DIV的高度不能根据子DIV自动变化的解决
当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 在层的最下方产生一个高度为1的空格,可解除这个问题原创 2014-09-18 14:49:34 · 896 阅读 · 0 评论 -
CSS实现三列DIV等高布局
CSS等高布局*{ margin:0; padding:0;}#wrap{ overflow:hidden; width:1000px; margin:0 auto;}#left,#center,#right{ margin-bottom:-10000px; padding-bottom:10000px;}#left{ float:l转载 2014-09-18 14:47:06 · 1022 阅读 · 0 评论 -
html标签padding--设置 btn的背景色,背景颜色方法, input的src属性
div与里面元素的间距原创 2013-12-05 16:48:16 · 3895 阅读 · 0 评论 -
设置div移动需要设置三个属性
left: 0; top: 0;position: relative;原创 2013-12-10 11:02:41 · 1241 阅读 · 0 评论 -
给超链接自定义一个右键菜单
给超链接自定义一个右键菜单-懒人建站#itemMenu table td{}#itemMenu,#itemMenu table{height:1000px;} JS代码 建站技巧 懒人建站转载 2013-11-22 15:05:36 · 1321 阅读 · 0 评论 -
<link rel="shortcut icon" rel="stylesheet" href="favicon.ico" />小图标
小图标转载 2013-11-15 16:52:01 · 2637 阅读 · 0 评论 -
网页签小图标方法
原创 2013-10-20 16:42:04 · 721 阅读 · 0 评论 -
设置背景图片固定的方法
主体背景图片浮动设置主体背景图片浮动设置原创 2013-10-14 10:46:16 · 1116 阅读 · 0 评论 -
background-position的用法
设置背景图像位置.box{ height:70px; margin-top:10px; border:1px solid red; background-image:url("photo.gif"); background-repeat:no-repeat;}#id1{background-position:top right;}#id2{background-po原创 2013-10-14 09:41:25 · 984 阅读 · 0 评论 -
实现屏幕变化 div自动变化而且不换行的功能
1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here $(function() { var w = 700; var h = 20; $("#top").css("border","solid b原创 2013-09-26 15:57:35 · 1514 阅读 · 0 评论 -
Html之设置不换行的标记nobr_实例
1 不换换行 HTML+CSS完成自学手册HTML+CSS完成自学手册 HTML+CSS完成自学手册HTML+CSS完成自学手册 HTML+CSS完成自学手册HTML+CSS完成自学手册 HTML+CSS完成自学手册HTML+CSS完成自学手册eeefff 2原创 2013-10-08 17:40:50 · 1919 阅读 · 0 评论 -
Html之特殊字体_code_ strong _ em斜体_两种_下划线_大小_可以叠加_实例
1 逻辑字体 html //代码html //代码 文字 --斜了 文字--加重 文字--小的 文字--小的 文字--小的 2原创 2013-10-08 17:31:14 · 2072 阅读 · 0 评论 -
Html之字体_颜色、大小_双重控制以里面为准_实例
1标题字体设置html+css完全自学手册--h1html+css完全自学手册--h6html+css完全自学手册--h62原创 2013-10-08 17:27:43 · 1504 阅读 · 0 评论 -
Html之粗体_删除线_上下标实例
1 HTML标记和格式实例手把手1 粗体:HTML+CSS完全自学手册3 删除:HTML+CSS完全自学手册4 正常:HTML+CSS完全自学手册5 下标H2S上标1022原创 2013-10-08 17:20:10 · 1445 阅读 · 0 评论 -
Html之文字移动_marquee
1移动的基本语法HTML+CSS完全自学手册---正在移动2原创 2013-10-08 16:53:02 · 934 阅读 · 0 评论 -
CSS常见知识
1 全局选择器*{ Margin:0px;Padding:0px;}2 选择器分为 标签选择器(input),类选择器(.class) ,id选择器(#myid)3 分组选择器 *a,input,#myid{…}原创 2013-07-08 10:20:24 · 739 阅读 · 0 评论 -
使用 transparent 进行页面染色设置
1 用于染色transparent值的使用示例div{ background-color: white; border: solid 3px yellow; width:100%; height:100px;}body{ background-image:url(back.gif);}div#div1{ backgrou原创 2013-07-27 15:02:53 · 1080 阅读 · 0 评论 -
布局实例
1resize属性的使用示例#div1{ background-color:pink; overflow: auto; resize:both; width:150px; height:150px;}#div2{ background-color:orange; width:100%; height:150px;原创 2013-07-27 15:00:21 · 951 阅读 · 0 评论 -
网站布局之使用按钮的 二选一
1 性别:男女原创 2013-07-27 14:58:28 · 4380 阅读 · 0 评论 -
Js悬浮广告效果
悬浮窗口示例 window.onscroll = function () { var div = document.getElementById("divSuspended"); div.style.top = document.body.scrollTop; } window.onresize = window.onscroll; function init(){ var df转载 2013-07-30 14:49:34 · 1643 阅读 · 0 评论 -
Js右下角悬浮广告效果代码
JS右下角悬浮广告代码内容在这里zheli 是内容function rightBottomAd(){ var abc = document.getElementById("ad"); abc.style.top = document.documentElement.scrollTop+document.documentElement.clientHeight-20+转载 2013-07-30 14:43:37 · 2659 阅读 · 0 评论 -
Html一些闲扯淡的标签_code_kbd_samp_tt_var_实例
1 计算机输出格式网页标题正文--这是用html标签表示的效果 HTML+CSS完全自学手册HTML+CSS完全自学手册HTML+CSS完全自学手册aex+yHTML+CSS完全自学手册2 解释 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。 可定义一个原创 2013-10-08 17:48:52 · 2038 阅读 · 1 评论 -
Html之有序列表和无序列表用法_ol_li_ul_实例
1 文字布局手把手 HTML+CSS完全自学手册 HTML+CSS完全自学手册 HTML+CSS完全自学手册 HTML+CSS完全自学手册 HTML+CSS完全自学手册 HTML+CSS完全自学手册原创 2013-10-08 17:52:50 · 2608 阅读 · 0 评论 -
Html之input类型_复选框等_p换行_实例
1 按钮 帐户: 密码: 复选框 复选框二 复选框三 2 换行用的p原创 2013-10-11 11:00:08 · 2199 阅读 · 0 评论