html css 行内样式 这句话 什么意思啊

html-css07

html css 行内样式 这句话 什么意思啊,第1张

word-break有如下几个属性:

    normal 使用默认的换行规则。

    break-all 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。

    keep-all 不允许CJK(Chinese/Japanese/Korean)文本中的单词换行,只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致。

动态生成的HTML标签样式一般可以使用2中方式确定

1、在生成HTML时将样式直接以style=""写在标签上;也就是使用行内样式

例如:

//动态生成html时,给html赋值行内样式

$("body").append("<div style='width:100pxheight:100pxbackground:red'>动态生成的div</div>")

2、预先定义好css样式,动态生成html时,将css类赋值给html

例:

/*定义css样式*/

.content{

    width:100px

    height:100px

    background:red

} //在动态生成html时,将css样式赋值class

$("body").append("<div class='content'>动态生成html赋值class样式</div>")

总结:在动态生成html标签时,直接使用行内样式快捷,但不容易修改;使用预先定义好的css样式赋值html标签的class属性,容易修改;建议使用后者。

更改HTML标签中的行内样式,首先需要确认的是要修改标签的所在位置,然后想好所要改的css样式,在行级中的style标签后面去书写就可以了,具体看下代码:

<html>

<head>

</head>

<body>

<div id="round" style="width:400pxheight:300px">//通过行级样式来编写这个div的width和height

<p>我是测试文字</p>

</div>

</body>

</html>