1.CSS文本模型
| 属性 | 描述 |
| text-overflow | 文本溢出 |
| text-fill-color | 文本填充颜色 |
| text-stroke | 文字描边 |
| text-stroke-width | 文字描边的宽度 |
| text-stroke-color | 文字描边的颜色 |
| text-shadow | 文字阴影 |
| work-break | 换行规则 |
| word-wrap | 对长的不可分割的字符串进行分割 |
2.text-overflow属性
| 值 | 描述 |
| clip | 修剪文本 |
| ellipsis | 省略号代替修剪文本 |
| string | 字符串代替修剪文本 |
3.work-break属性
| 值 | 描述 |
| normal | 默认规则 |
| break-all | 允许在字符串内换行 |
| keep-all | 空格处换行 |
4.word-wrap属性
| 值 | 描述 |
| normal | 默认规则 |
| break-word | 允许在长字符串和URL地址内换行 |
5.网络代码（阴影效果）
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content－Type" content="text/html; charset=gb2312">
<title>阴影效果</title>
<style>
div{
cursor:pointer;
font-size:30px;
}
</style>
<script>
window.οnlοad=function () {
var div=document.getElementsByTagName("div")[0];
var num=0;
var timer;
div.οnmοuseοver=function () {
clearInterval(timer);
t=setInterval(function(){
num++;
if(num>=5){
clearInterval(timer)
}else{
div.style.textShadow=num+"px "+num+"px "+num+"px #000000";
}
},60)
}
div.οnmοuseοut=function () {
clearInterval(timer);
timer=setInterval(function(){
num--;
if(num<=0){
clearInterval(timer)
}else{
div.style.textShadow=num+"px "+num+"px "+num+"px #000000";
}
},60)
}
}
</script>
</head>
<body>
<div>
阴影效果
</div>
</body>
</html>
3432
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
