您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> CSS样式表 >> 文章正文
[图文]css学习笔记           ★★★
css学习笔记
作者:网页教学…  文章来源:网页教学网  点击数:  更新时间:2007-10-24 18:16:00 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

1、<li>中的LI前面的符号不出现而且不占位置  
     
list-style:none;

margin:0px;padding:0px;

2、CSS相对定位语法

当父对象的position为absolute或者relative的时候
子对像如果设置了position为absolute,则top,left,right,bottom相对于父对象
例子:

<div id="AAA" style="position:relative;">基准点
<div id="num1" style="position:absolute;top:50px;left:1px;">测试1</div>
<div id="num2" style="position:absolute;top:80px;left:1px;">测试2</div>
</div>

3、CSS中的对齐属性

垂直顶部对齐(不是所有元素对这句都有效)

vertical-align:top;

水平居中对齐

text-align:center;

4、层的显示与隐藏

<script>
function hidlayer(){
document.all.Layer1.style.display="none";
}
</script>

<div id="Layer1" style="display:block"></div>

<a href="#" onClick="hidlayer()">隐藏层</a>


5、怎么能得到<div>的高度值

document.getElementById("divID").offsetHeight

6、在<table>或<div>中如何让传入的文本自动换行


<div style="width:100px">
你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你
</div>
这样的话。div中内容。会到100px自动换行的。但是
<div style="width:100px">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
也就是其中内容是英文的话就不会换行???内容将会撑大直到完全显示


如果你输入的不是一连串的如:aaaaaaaaaa或!!!!!!!!这样的无意义字符,在你指定了容器的宽度之后,是会自动换行的;
如果有大篇章这样的字符,可以考虑使用word-break:break-all或table-layout:fixed

<div style="width:100px;word-break:break-all;">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>


7、文字应该放在div里面还是p里面还是span里面呢
内容较多的时候,分多行显示,一般会用div或者p,span一般用在行内

[1] [2] [3] [4] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    XHTML+CSS的目的和好处(WEB标准的目的和好处
    常见的CSS问题的“一站式”的解决方案
    国外译文:网页设计如何使用CSS的选择器模式
    CSS实现图片阴影效果三部曲(译文)
    CSS实现不定高度DIV绝对居中
    25条CSS制作网页编写的提醒及小技巧整理
    Opera 中的 CSS 妙用 ── Flash block
    什么是用户定义的样式表?
    制作网页时手写CSS应该注意的一点技巧
    网页中用于构造图表的一些基本CSS代码
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门