随笔分类 -  div+css

1 2 下一页
学习div+css
DEDE 列表页调用如 标题，时间，简介等
摘要：以下是直接从板子中复制出来的，CSS自已根据需要写下就行。在调时简介长度不知道怎么控制，现在说下方法1.infolen='30'这个可以2.系统设置》其它设置》内容简介长度填下就可以了{dede:listpagesize='10'titlelen='40'infolen='20'orderby='pubdate'}[field:title/]日期：[field:pubdatefunction="GetDateTimeMK(@me)"/]作者：[field:writer/]来源：[field:so 阅读全文
posted @ 2014-01-17 13:54 zengjs 阅读(1635) 评论(0) 推荐(0)
dede调用二级下拉菜单方法
摘要：{dede:channelartlist typeid='top' row='6' orderby='sortrank'} {dede:field name='typename'/} {dede:channel row='15' type='son'} [field:typename/] {/dede:channel} {/dede:channelartlist} 上面这个是top导航菜单显示子菜单调用是标签。这个是www.niguer.com的下拉菜单的写法。 {dede:channelartli 阅读全文
posted @ 2014-01-14 09:57 zengjs 阅读(2080) 评论(0) 推荐(0)
删除power by dedecms的方法
摘要：在include/dedesql.class.php文件，会发现最新的include/dedesql.class.php文件会多出第588到第592行的那几段代码，代码如下图：$arrs1 = array(0x63,0x66,0x67,0x5f,0x70,0x6f,0x77,0x65,0x72,0x62,0x79);$arrs2 = array(0x20,0x3c,0x61,0x20,0x68,0x72,0x65,0x66,0x3d,0x68,0x74,0x74,0x70,0x3a,0x2f,0x2f,0x77,0x77,0x77,0x2e,0x64,0x65,0x64,0x65,0x63,0 阅读全文
posted @ 2014-01-14 09:05 zengjs 阅读(369) 评论(0) 推荐(0)
正确认识 DIV+CSS 概念
摘要：今天看到神采飞扬发表于前端观察的《DIV+CSS 请不要再忽悠人了》，讲的挺有深意的，尤其对于新手如何正确认识div，学习web标准，使用web标准建站应该有很大帮助。转载过来，共同分享。在大约两年前，DIV+CSS是一对很诱人的组合，会用DIV+CSS制作网页的人，常常会被人赞以大拇指的，记得06年初的时候，我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。今天，尽管提到DIV+CSS，还会有很多人热情高涨，但是我会对他摇头了：DIV+CSS不是一切，更不是某些人所谓的“神话”！创造神话的是CSS，不是DIV+CSS。我想，是时候纠正这个问题了。CSS的要义，是各个标签要 阅读全文
posted @ 2014-01-09 15:30 zengjs 阅读(594) 评论(0) 推荐(0)
样式的优先权
摘要：一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。浏览器缺省设置外部样式表内部样式表（位于 标签内部）内联样式（在 HTML 元素内部）因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。 阅读全文
posted @ 2013-12-30 15:35 zengjs 阅读(178) 评论(0) 推荐(0)
常见的CSS命名
摘要：1：header(头部)logo topbar lang search topmenu banner nav headbox active(活动的) selectselectTop selectList navpages2:pagebody(内容)sidebar sidebox share mainbody mainbox row sideMemu sideContactsideMsn sideEmail productsbox proImg proSize proInfo h price item cart smallBoxprice addCart prev proDetail 3:foo 阅读全文
posted @ 2013-12-30 10:51 zengjs 阅读(182) 评论(0) 推荐(0)
精简css代码
摘要：---恢复内容开始---1. 使用Reset但并非全局Reset（设置） 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：*{margin:0;padding:0;}这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一成不变的，具体还需要根据项目的不同需求做适当的修改，以达到浏览器的兼容和操作上的便利性。我使用的Reset如下：/*清除内外边距 */bo 阅读全文
posted @ 2013-11-12 10:38 zengjs 阅读(457) 评论(0) 推荐(0)
用Margin还是用Padding
摘要：根据网上的总结归纳大致发现这几条还是比较靠谱的：何时应当使用margin：需要在border外侧添加空白时。空白处不需要背景（色）时。上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。何时应当时用padding：需要在border内测添加空白时。空白处需要背景（色）时。上下相连的两个盒子之间的空白，希望等于两者之和时。如15px + 20px的padding，将得到35px的空白。个人认为：margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干；padding用 阅读全文
posted @ 2013-11-11 14:23 zengjs 阅读(285) 评论(0) 推荐(0)
CSS那个背景图片的坐标怎么设置？怎么计算的？
摘要：background:url(images/hh.gif) no-repeat -10px 0;},作用是移动背景的位置.背影图片的左上角相对当前元素左上角的坐标。 右为X轴正半轴, 下为Y轴正半轴 当前元素左上角坐标为 0,0 默认图片的左上角正对当前元素的左上角 如果图片想向左移 10px; 复制代码代码如下:background:url(images/hh.gif) no-repeat -10px 0;} 如果图片想向上移 10px; 复制代码代码如下:background:url(images/hh.gif) no-repeat 0 -10px;} 同样 如果图片想向右移 10px; 阅读全文
posted @ 2013-11-01 10:45 zengjs 阅读(1014) 评论(0) 推荐(0)
CSS常用命名
摘要：以下为CSS样式命名与CSS文件命名参考表，DIV CSS命名集合：CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot, #footer页脚部分#nav主导航#subnav二级导航#menu菜单#submenu子菜单#sideBar侧栏#sidebar_a, #sidebar_b左边栏或右边栏#main页面主体#tag标签#msg #message提示信息#tips小技巧#vote投票#friendlink友情连接#title标题#summary摘要#log 阅读全文
posted @ 2013-10-15 16:25 zengjs 阅读(314) 评论(0) 推荐(0)
Block和inline元素对比
摘要：所有的HTML元素都属于block和inline之一。block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和 是块元素的例子。相反地，inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。, , , , , 和是inline元素的例子。用display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢？让一个inline元素从新行开始；让块元素和其他元素保持在一行上；控制inline元.. 阅读全文
posted @ 2013-10-14 16:08 zengjs 阅读(181) 评论(0) 推荐(0)
CSS Overflow 属性清除浮动
摘要：清除浮动设置overflow的一个更流行的用处是，说也奇怪，清除浮动。设置overflow并不会在该元素上清除浮动，它将清除自己(self-clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing))，假设未定义高度。就像这样：对于此问题，经过测试，IE6会自动扩展父层元素的高度，而IE8和FF等浏览器加上overflow:auto后，即可清除浮动。——神飞file:///D:/dw/overflow_cs.html 阅读全文
posted @ 2013-10-14 14:47 zengjs 阅读(778) 评论(0) 推荐(0)
在dw中 <!----> 和 /**/ 的区别？
摘要：是HTML的注释标签,使用是符合HTML标签语法规则的./* */是CSS和JS的注释标签.两种注释有各自的使用环境,并且不能相互替代. 阅读全文
posted @ 2013-10-14 11:04 zengjs 阅读(433) 评论(0) 推荐(0)
div和span、relative和absolute、display和visibility的区别
摘要：一、div和span的区别 div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上标记可以通过在span上定义样式来设定其内容的样式。二、relative和absolute的区别 relative，CSS中的写法是：position:relative;他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行... 阅读全文
posted @ 2013-10-14 10:29 zengjs 阅读(292) 评论(0) 推荐(0)
zoom：1
摘要：zoom这个特性是IE特有的属性。 zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题，功能相当于overflow:auto，同样也可以用height:1%来代替zoom:1。所以一般要在浮动元素的父元素加上overflow:auto；zoom:1;。这样，子元素浮动，父元素再也不会不自动跟子元素扩大了 阅读全文
posted @ 2013-08-26 11:53 zengjs 阅读(255) 评论(0) 推荐(0)
css中IE判断语句 if !IE
摘要：1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10. IE7以及IE7以下版本可识别 11. IE7以及IE7以上版本可识别 …… Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSS Hack、针对IE的JS等。 在进行WEB标准网页的学习和应用... 阅读全文
posted @ 2013-08-23 17:44 zengjs 阅读(4410) 评论(0) 推荐(0)
bootstrap 布局
摘要：嵌套列在默认的栅格系统里, 在已有的.span*内添加一个新的.row并加入.span*列，就可实现嵌套。被嵌套列中的每列列数总和要等于父级列.Level 1 columnLevel 2Level 2 阅读全文
posted @ 2013-08-13 16:14 zengjs 阅读(186) 评论(0) 推荐(0)
行内元素及块级元素列表
摘要：块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题定义副标题定义标题定义标题定义标题定义最小的标题创建一条水平线元素为 fieldset 元素定义标题标签定义列表项目为那些不支持框架的浏览器显示文本，于 frameset 元素内部定义在脚本未被执行时的替代内容定义有序列表定义无序列表标签定义段落定义预格式化的文本标签定义 HTML 表格标签表格主体（正文）表格中的标准单元格定义表格的页脚（脚注或表注）定义表头单元格标签定义表格的表头定义表格中的行行内元素列表标签可定义锚表示一个缩写形式定义只取首字母缩写 阅读全文
posted @ 2013-08-05 11:05 zengjs 阅读(1932) 评论(0) 推荐(0)
超链接的几个样式
摘要：a:link 鼠标没有经过时的样式a:hover 鼠标经过时样式a:active 鼠标单击时的样式a:visited 鼠标点击后的样式 阅读全文
posted @ 2013-07-31 09:50 zengjs 阅读(516) 评论(0) 推荐(0)
盒子的display属性
摘要：Box-1Box-2Box-3Box-4Box-5Box-6Box-7Box-8这样就把本来"块"div 变成"行"了把"行"变成"块".display:none是隐藏了当前行或块显示的效果跟默认有差别,测试对比看看对行内元素，需要注意如下： •设置宽度width 无效。 •设置高度height 无效，可以通过line-height来设置。 •设置margin 只有左右margin有效，上下无效。 •设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的 阅读全文
posted @ 2013-07-30 16:13 zengjs 阅读(373) 评论(0) 推荐(0)

1 2 下一页