Tag Archives: CSS

利用CSS控制文本的显示方向

Posted on 2010/11/16 by pop

无意之间发现可以通过一段代码把 abcdefg 显示成 gfedcba ，也就是将文字的方向倒过来。 效果如图： CSS属性：unicode-bidi 设置文本的方向。 尽管 CSS 试图处理书写方向，但 Unicode 有一种更健壮的方式来处理方向性。利用属性 unicode-bidi，CSS 创作

Posted in Technology | Tagged , , | Leave a comment

CSS定义HR和DIV成一条水平虚线

Posted on 2010/09/14 by pop

线条的CSS的两个样式： dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 水平线条，我们可以用hr来实现，也可以定义一个div，将它的高度设为1px或其它你想要的高度。 1、CSS定义一条水平虚线hr的方

Posted in Technology | Tagged , , , | Leave a comment

免费DIV+CSS视频教程下载

Posted on 2010/05/28 by pop

DIV＋CSS当今WEB开发流行前台页面布局方式。 完整的代码演示，细致的讲解，高胖胖老师带你迅速掌握DIV+CSS应用技巧。 DIV+CSS视频教程（一）下载地址: http://www.phpchina.com/download/vido/div.css1/div.css1.rar DIV+CSS视频教程（二）下载地址: http://www.phpchina.com/download/vido/div.css2/div.css2.rar DIV+CSS视频教程（三）下载地址: http://www.phpchina.com/download/vido/div.css3/div.css3.rar DIV+CSS视频教程（四）下载地址: http://www.phpchina.com/download/vido/div.css4/div.css4.rar DIV+CSS视频教程（五）下载地址: http://www.phpchina.com/download/vido/div.css5/div.css5.rar 注意：视频资料来源于http://www.phpchina.com,只供大家学习交流之用,请勿用于商业用途! 在线观看DIV+CSS视频教程地址： 1、CSS基本概念 CSS初探 - CSS基本知识 - 第1课http://learning.artech.cn/uploads/2007/05/30/20070530.html CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cn/uploads/2007/05/31/20070531.html 设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cn/uploads/2007/06/01/20070601.html 2、CSS/DIV布局专题讲解 设置图片效果 - CSS/DIV专题讲解 - 第1课http://learning.artech.cn/uploads/2007/06/04/20070604.html 设置网页背景 - CSS/DIV布局专题讲解 - … Continue reading →

Posted in Technology | Tagged , , | 2 Comments

SEO优化中的div&css命名规则

Posted on 2009/06/02 by pop

SEO（搜索引擎优化）对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下： 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendLink 页脚:footer 版权:copyRight 1.CSS ID 的命名 外　套:　　wrap 主导航:　　mainNav 子导航:　　subnav 页　脚:　　footer … Continue reading →

Posted in Technology | Tagged , , , | Leave a comment

CSS定义某一DIV的链接字体颜色和大小

Posted on 2009/05/12 by pop

默认网页的连接文本是蓝色的，已访问的连接是紫色的。如果使用CSS的话就可以改变这些默认的定义，首先我们要知道这些代码如何的定义 a: link 用在为访问的连接上。 a :visited 用在已经访问过的连接上。 a :hover 用于鼠标光标置于其上的连接。 a :active 用于获得焦点（比如，被点击）的连接上。 如果给特定的DIV设定与其他DIV不一样的链接样式，就必须单独的定义 如： .tab { padding-left: 16px; font-size: 16px; font-weight: bold; } .tab a{ color: #000; } .tab active{ color:#000 } 或者是： #news{font-size:14px; color:#CC3300; margin-left:20px; line-height:22px;} #news a{font-size:14px; … Continue reading →

Posted in Technology | Tagged , , | 1 Comment

网页（HTML/CSS/JS/ASP）注释代码的标准语句

Posted on 2009/01/17 by pop

注释的作用就是为了以后方面自己修改，当然注释的代码是不执行的，也可以注释一些经常需要修改的代码 一、html的注释方法 二、CSS的注释方法 在单独的css样式表文件中也采用此方法注释 三、java 四、asp 'asp单行需要注释的内容 其他注释方法： vbs用“'”或“REM”来注释内容 PHP支持C，C++和Unix风格的注释方式： /* C,C++ 多行注释的内容 */ // C++ 单行注释的内容 # Unix 单行注释的内容

Posted in Technology | Tagged , , , , | Leave a comment

CSS的padding属性介绍

Posted on 2009/01/12 by pop

定义 padding 属性是用于在一个声明中设置所有 padding 属性的简写属性。 注释：不允许使用负值。 继承性：No 说明 这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。 JavaScript 语法 CSS 属性也可通过一段 JavaScript 被动态地改变。 脚本语法： object.style.padding="2cm"在我们的 HTML DOM 教程中，您可以找到更多有关 padding 属性 的细节。 在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。 例子 四个边的 padding 均为 10px： h1 {padding: 10px}上边和下边的 padding 为 10px，左边和右边的 … Continue reading →

Posted in Technology | Tagged , | Leave a comment

利用CSS制作鼠标样式

Posted on 2008/09/04 by pop

转载：www.ahunk.cn 用CSS来制作链接的鼠标经过图像方法有很多种；有直接通过 a:link和a:hover ，利用link与hover背景图像的不同来实现鼠标经过图像 示例： a {background:url("lerrning.gif") no-repeat;width:37px;height:22px; display:block;} a:hover {background:url("lerrning2.gif") no-repeat;width:37px;height:22px; display:block;} 其不足的地方在鼠标每次经过图像时IE底下会出现加载的现像，如果出现网络延迟较大等故障，会有hover不能加载背景图像而显示空白的缺点。 而下面这种方法可以说是专门针对hover不能加载的缺点。不过其唯一的不足在于制作图像时需要费点心思。 代码示例： .navimg {list-style:nonedisplay: inline; overflow: hidden; } .navimg a:hover { background-position: 0 -22px; } .navimg a:active, #topNav a.selected { background-position: 0 -44px; } .navimg a … Continue reading →

Posted in Technology | Tagged , | Leave a comment