![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
div+css
文章平均质量分 78
养有道
专注设计领域
展开
-
一个像素表格边框的制作方法
通常我们设计HTML表格时,将属性Border设置为1(即Border=1),而实现上得到的边框宽度是2个像素(2px)那么宽,有时候我们需要真正的边框宽度为1像素的表格。随着我一起动手试试吧!注:tr 只能设置颜色,不能设置边框,所以要设置每个格的边框只能在1)td中设置,2)table border="1" 设置 使用样式表来实现(推荐) 应用该样式Style=”转载 2012-06-04 12:44:08 · 1582 阅读 · 0 评论 -
jquery导航下拉弹出菜单 无下拉标题
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">导航下拉弹出菜单 无下拉标题 *{padding:0;margin:0}html{min-height:101%}body{font-family:verdana,arial,原创 2013-06-18 09:58:00 · 900 阅读 · 0 评论 -
选项卡-简版
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 .txtadsblk01{ width:200px;} .txtadsblk01 ul{ padding:0; margin:0;} .txtadsblk01 li{ fl原创 2013-06-18 11:39:18 · 575 阅读 · 0 评论 -
jQuery商品搜索筛选导航菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jQuery商品筛选导航菜单--> #filter { width:620px; height:auto;原创 2013-06-19 09:29:49 · 1788 阅读 · 0 评论 -
商品导航--仿电器网上商城导航jquery代码
http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">http://www.w3.org/1999/xhtml">苏宁电器网上商城导航js代码 $(function(){ $("#snmenunav dl").hover(function(){ $(this).find("dt原创 2013-06-19 13:28:06 · 2935 阅读 · 0 评论 -
无限级下拉菜单---jQuery+css 实现的超酷无限级下拉菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> jQuery+css 实现的超酷无限级下拉菜单 /* Header */body { margin: 0; padding: 0; font: 10px原创 2013-06-19 14:31:54 · 1560 阅读 · 0 评论 -
竖式菜单---纯CSS京东商城分类导航菜单代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">纯CSS京东商城分类导航菜单代码.my_left_category{width:150px;font-size:12px;font-family:arial,sans-serif;原创 2013-06-19 10:16:13 · 3817 阅读 · 0 评论 -
无懈可击的web设计css--样例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> Untitled body{ padding:0; margin:0; font-family: "宋体", Arial, Helvet原创 2013-06-20 14:37:44 · 733 阅读 · 0 评论 -
frameset布局详解
■ 框架概念 :所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例:frameset cols="50%转载 2013-06-24 09:13:00 · 930 阅读 · 0 评论 -
html5画布实例
html5 var e=("abbr,article,aside,audio,canvas,datalist,details,"+"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+"progress,section,ti原创 2013-08-22 11:58:15 · 1218 阅读 · 0 评论 -
Web前端开发推荐阅读书籍-精华
学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习,写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码,这样才能让人放心的把任务交给你。学习路线转载 2015-03-05 21:50:46 · 8418 阅读 · 2 评论 -
jQuery+css超滑二级下拉菜单-- (法2)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> $(function(){ $('#menu ul li').hover( function(){ $(this).find('ul').原创 2013-06-14 18:32:02 · 608 阅读 · 0 评论 -
jquery二级导航菜单--可弹出下拉层 UL/LI结构
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jquery二级导航菜单可弹出下拉层 UL/LI结构body { margin: 0; padding: 0; font: normal 10px Verdana, Arial, Helve转载 2013-06-17 17:45:46 · 2368 阅读 · 0 评论 -
jQuery+css超滑二级下拉菜单--(法1)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jQuery+css超滑二级下拉菜单 html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding原创 2013-06-14 17:32:02 · 837 阅读 · 0 评论 -
css开篇
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF}? 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;? 样式声明写在一对大括号"{}"中;? CO原创 2012-05-18 08:57:49 · 262 阅读 · 0 评论 -
服装互动站主场景合成
转载 2012-07-06 13:36:35 · 876 阅读 · 0 评论 -
Zen Coding css,html缩写替换大观 快速写出html,css
阅读本文,先仔细阅读网站文章。 Zen Coding 快速编写HTML/CSS代码的实现复制代码 代码如下:E 元素名称(div, p); E#id 使用id的元素(div#content, p#intro, span#error); E.class 使用类的元素(div.header, p.error.critial). 你也 可以联合使用class和idID转载 2012-12-28 15:35:19 · 404 阅读 · 0 评论 -
CSS中星号(*)影响的样式继承性问题
以前听大家说*号在css中要慎用,原来一直没有发现问题,今天帮客户改样式让我认识到*的危险性,举个简单的例子span style="font-size: 16px">span style="color: #000000">测试内容span>span> 这段html在浏览器中可以将字体设置为16px,但是加上 *{font-size:12px;}后字体的大小将即成*号设置的大小即12转载 2013-01-18 11:13:45 · 2544 阅读 · 0 评论 -
css全局样式总结
@charset "utf-8";/** **/body { font-family: "宋体", Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; border:none; text-align:center;}html,div,span,form,fieldset,l原创 2013-02-06 17:37:02 · 903 阅读 · 0 评论 -
横向导航菜单-用图片美化的横向列表导航菜单
例子一:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">body { font-family: Verdana; font-size: 12px; line-height: 1.5; }a { color: #000; text-decorati原创 2013-06-13 11:18:29 · 1388 阅读 · 0 评论 -
滑动门菜单--css自适应宽度滑动门菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">a { display: block; float:left; margin:0px 5px; height: 37px; line-height: 37px;原创 2013-06-13 14:16:41 · 1144 阅读 · 0 评论 -
无限级下拉菜单--CSS+JS实现兼容性很好的无限级下拉菜单
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/1999/xhtml" xml:lang="en">CSS+JS实现兼容性很好的无限级下拉菜单*{ margin:0; padding:0; border:0;}body{font:12px/130% verdana,geneva,arial,he转载 2013-06-13 14:27:45 · 713 阅读 · 0 评论 -
下拉菜单--一体显示下拉菜单
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">站酷CSS代码演示-http://www.jz123.cnbody{background-color:white;font-size:12px;font-family:Arial, Hel转载 2013-06-13 15:10:20 · 674 阅读 · 0 评论 -
jQuery图片飘动--图片在浏览器窗口飘动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jQuery图片在浏览器窗口飘动 #img{ position: absolute; background:url(image/03.jpg) no-repea原创 2013-06-14 15:32:44 · 6442 阅读 · 2 评论 -
Emmet:HTML/CSS代码快速编写神器
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来了一些新特性。本文就来直观地演示给你。 一、快速编写HTML代码转载 2016-11-19 20:46:30 · 370 阅读 · 0 评论