易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS样式表学习一

1. 定义样式
1.1 按html标签定义
例如:body{background-color:#999999; text-align:center}
1.2 按类定义
例如:.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 按id定义
例如:#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSS的位置和引用
    可以把样式定义在css文件中,然后,在html文件中引用;也可以把样式定义直接放在style标签中。
  (1)直接把样式定义放在<style></style>中。
   <style>body{background-color:#999999; text-align:center}</style>
  (2)在html文件引用css文件
   <link href="style.css" type="text/css" rel="stylesheet"/>
3. 使用CSS样式定义
    根据三种定义方法,有三种使用方法
    (1)使用html标签定义时,不需要对html代码做任何修改,相应标签会自动呈现样式表定义效果
    (2)使用类定义时,html标签增加class属性,属性值设定为需要的样式
         <div class="style1">我是一个div, 用class引用样式</div>
    (3)使用id定义时,需要把html标签id属性值设定为样式名称。
         <div id="style2">我是一个div, 用id引用样式</div>  


相关文档:

CSS滑动门横向菜单栏

效果如下:
              
实现方法:利用一下两张图片:                
前台代码:
 <div id="nagivation">
    &nb ......

无刷新变换CSS样式表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>无刷新变换样式表</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......

传智播客——css细节

一:css的概念
    CSS是层叠样式表(Cascading Style Sheets)用来定义网页的现实效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的现实效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。
二:css的优点
    样式表定义如 ......

CSS圆角

介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
   background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
   background:transparent url(r ......

10个 DIV+CSS 需要注意的问题

1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
3. 确定错误发 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号