国产亚洲精品岁国产微拍精品,亚洲AV日韩AV无码污污网站 ,亚洲国产a级视频

HTML�q�箋英文字符串强制换�?

草原上的骆驼 — Wed, 04 Aug 2010 09:38:00 GMT

大家都知道在table的某一格里插入文本�?如果是中文当然是没有问题,当到达指定宽度时会自动换�?但如果是�? 文或数字之类的就会有问题�?因�ؓ它是以空��gؓ英文单词间的区别,但是如果输入一长串英文,中间不含�I�格�?表格��变形了.但事实table的style 里有一��可以让英文强制换行�?��是word-break,当把�q�项设�ؓbreak-all时大家就可以看到效果�?

�C�Z��代码�Q?br />
< table width="100%" style="word-break:break-all">

< td width="20%">

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

< /td>< td width="80%">< /td>< /table>

把这copy到body里预��看�?

word-break�q�有两个选项:normal��是通常�?不设�|�时的效果了�?br />
keep-all:则是和break-all相反,是不��什么字�W�在没有�I�格和换行符的情况下都不换行�?/p>

草原上的骆驼 2010-08-04 17:38 发表评论

草原上的骆驼 — Wed, 10 Mar 2010 12:12:00 GMT

元素被��承的原则�Q?br /> 1、媄响元素的位置�Q�边界，背景和边框的属性不会��ѝ�?br /> 2、浏览器会��用它们自��q��l�承样式来格式化某些元素�Q�比如标题（h1-h6�Q�文字显�C�Zؓ�_�体且字体较大，链接文字(a 元素)的颜色�ؓ蓝色�{�。这些元素相应的属性也不会�l�承它们��先元素的属性�?br /> 3、当样式�l�承存在冲突�Ӟ��采取��p��原则。后代元素会�l�承距离自己最�q�的��先元素的相应属性�?br />
text-align:center在Firefox ��览器中不�v作用。如果��IE和Firefox中可以正��显�C?br /> margin-left:auto; margin-right:auto;

inhert�l�承
明确指定

div#menu{
border:2px solid black;
padding:5px;
background-color:#909090;
}
div#menu div{
border:inherit;
padding:inherit;
background-color:#DEDEDE;
}

border:inherit 明确指定�l�承父类的border

@import 规则

@import url("stylesheet1.css");
@import url("stylesheet2.css");

或�?br />
@import "stylesheet1.css";
@import "stylesheet2.css";

@import 作用

CSS层叠�Q?br />
��定度：多个样式直接应用到同一元素上的情况�Q�例如：

test ��定�?lt;/p>
p{color:red;}
p#para1{
color:blue;
}
p.normal{
color:white;
}
body{
color:yellow;
}

昄��的颜色确实是哪一个规则？

选择�W�的��定度由4位逗号盔R��的数字组成，形式�?,0,0,0. �q�里分别用a,b,c,d代表四位数�?br /> 1 若样式由元素style属性确定而不通过选择�W�，a=1�Q�否则a=0;
2 计算id选择�W�的字数�Q�赋�l�b
3 计算属性选择�W�或者伪�cȝ��个数�Q�赋�l�C
3计算�c�d��选择�W�或者伪�cȝ��个数�Q�赋�l�D
只要通过比较��定度的大小��可以判断出优先�U�的最高规则，比较方式是从左端的a位开始逐位比较�Q�数��D��大的��定度最高�?br />
!import 声明
声音该属性比其他属性的优先�U�高

草原上的骆驼 2010-03-10 20:12 发表评论

Css中的度量

草原上的骆驼 — Wed, 10 Mar 2010 11:04:00 GMT

1、表�C�绝寚w��度的单位
in(inch, 英寸�Q?英寸=2.54厘米)
cm(厘米)
mm(毫米)
pt(point 点， css2.1中规定点相当�?/72英寸)
pc(pica, 12点字, 相当�?2�?

2、相寚w��度�?br /> em
ex
px

单位em表示元素自��nfont-size属性的相对�? 当元素font-size属性也采用em作�ؓ单位�? �q�个值就是其父元素的font-size的相对倹{�?br />

<div id="one">3 �?0�?5�Ӟ��十一届全国�h大三�ơ会议�D行记者会�Q�由全国人大环境与资源保护委员会��M�Q委员汪光焘、国家发展和攚w��委员会副��M�Q解振华、环境保护部副部长张力军��p��能减排和应对气候变化问题答记者问�?nbsp;新华�|�、中国政府网�q�行现场直播div>
<div id="two">奛_��们、先生们�Q�下午好�Q�十一届全国�h大三�ơ会议今天�D行第三场专题记者会�Q�我们非帔R��兴地请到了全国�h大环境与资源保护委员会主��d��员汪光焘�Q�国家发展和攚w��委员会副��M�Q解振华；环境保护部副部长张力军。请大家��p��能减排和应对气候变化回�{�大家的提问。现在请各位记者提问�?/span>div>

div#one{
    font-size:12px;
    line-height:1.2em;
    background-color:#999;
    width:490px;
    }
div#two{
    font-size:12px;
    line-height:3em;
    background-color:#fff;
    width:490px;
    }

上图�Q�规定字体的大小�?2px, 两个P元素的行距分别�ؓ字体大小�?.2倍和3�? 行距是上一行与下一行的距离�?br />
使用em可以作�ؓ单位的数值在��数点后面可以拥有三位有效位�Q�另外通过em单位可以辑ֈ�外部元素�Ҏ��内部元素大小动态变化的效果�?br />

ex 相对于字�W?X"的高度，�q�个��g��随着X字体的大��和字体族的不同而不同�?br />
px相对长度是像素，有些站点的元素会随着��览器分辨率的变化而变化，因而可以��用em或百分比一�cȝ��单位�?/span>

草原上的骆驼 2010-03-10 19:04 发表评论

草原上的骆驼 — Wed, 10 Mar 2010 09:23:00 GMT

选择�W�就是一�p�d��的模式，只要��面上有完全匚w��q�个模式的元素存在，样式��׃��自动应用到该元素上。比如P,h1�{�就是一个简单的元素�?br />
Css语法�Q?br /> 一个简单的选择�W�包含一个通用的选择�W�或是一个类型选择�W�，它的后面跟有0个或者多个id选择�W�、属性选择�W�或者伪�c�，三者顺序可以�Q意�?br />
一个选择�W�可以由一个或者多个简单的选择�W�构成，中间用连接符盔R��?br />
�q�接�W�可以是(�I�白�Q�大于号> 加号+)

基本的选择�W�：

1 通用的选择�W?br />

*{
background-color:red;
}

* .title{
border:1px solid;
}

.title{

border:1px solid;
}

�c�d��选择�W�：(一般�ؓhtml元素的名�U?

h1{
font-size:9em;
color:#999FFF;
}

p{
margin:0;
border:2px solid;
}

�l�选择�Q?br />

h1{
font-size:10px;
color:#999;
}

h2{
font-size:10px;
color:#999;
}

p#title{
font-size:10px;
color:#999;
}

#hutitle{
font-size:10px;
color:#999;
}

上面的可以用以下�l�选择�W�来代替(中间用（�Q�）来区�?

h1,h2,p#title,#hutitle{
font-size:10px;
color:#999;
}

id(#) �?class(.) 选择�W?br />
1 id 选择�W?br /> id 是唯一的，可以唯一的标识一个元素�?br />

<h1 id="h1Title">开学通知h1>
<p id="pContent">请同学们先到教务处来报道p>
<h1 id="h2Title">开��N��知h1>
<p id="p2Content">好好学习Cssh2>

h1#h1title{
color:white;
background-color:silver;
}
p#pContent{
color:yellor;
background-color:maroon;
}

只改变特定的元素�?br />
class 选择�W?br />
class属性不要求唯一而id属性要求唯一�Q�多个元素可以共享一个class的��|��而且多个元素可以讄��多个class的�?

<h1 id="h1Title" class="h1Title">开学通知h1>
<p id="pContent" class="pContent">请同学们先到教务处来报道p>
<h1 id="h2Title" class="h2Title">开��N��知h1>
<p id="p2Content" class="pContent">好好学习Cssh2>
<p >每天学习一章节�Q�早�Ҏ��css学会h2>

h1.h1Title{
color:white;
background-color:silver;
}
p.pContent{
color:yellor;
background-color:maroon;
}

h1.h2Title{
color:red;
}

多重class
id 属性是唯一的，class属性是多对多的关系�Q�同一个class也可赋给多个元素�Q�一个html可以有多个相同的class�?br />

a.class1{
font-size:12px;
}
a.class2{
color:red;
}

上面�q�种css会对所有属于class1或者class2的a元素�q�行作用�Q�而如果只对同时对class1 class2的a元素有作用只能是下面的方�?br />

a.class1.class2{
color:red;
}
或�?br />
a.class2.class1{
color:red;
}

是选择class�q�是选择id?

如果是给��L��数量、�Q意类型的元素指定class属性，而一个id属性值只能赋值给唯一的元素�?br />

草原上的骆驼 2010-03-10 17:23 发表评论