有3种方式可以将css定义的样式加到HTML里。
1.外联
在HTML里加一个超连结连到外在的CSS文档，这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开，只需要在一个CSS文档内定义好网页的外观风格，所有参考连结到此 CSS 档的网页，便会依照指示，反应出定义好的风格。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL="stylesheet" HREF="http://www.xyz.com/xyz.css" TYPE="text/css">
</HEAD>
2. 嵌入
在 HTML的<HEAD></HEAD>标签间，加一段CSS定义
这个方法适用于指定某个网页，除了展现外在的 CSS 档定义好的网页风格外，同时还要展现本身HTML内定义的CSS样式。
如果内在定义的CSS定义与外在连结的CSS定义相冲突的话，网页的样式将以内在定义的CSS定义为主。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
div{
font: 12pt
font: 16pt
font-weight: bold
color: green
}
</STYLE>
</HEAD>
<BODY>
<div>内容</div>
</BODY>
</HTML>
3.内联
在HTML的字里行间中加入CSS定义。
这个方法适用于指定网页内的某一小段的样式。
如果内联CSS定义与<HEAD>内在定义的CSS或外在连结的CSS定义相冲突的话最终的样式将以内联的CSS定义为主。
它的写法是： <HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<P STYLE="color: red">内容 </P>
</BODY>
</HTML>
上面的3种CSS引入方式可以同时并用，也可以单一或成双地使用。如果各CSS间的定义相冲突，则嵌入定义的CSS会盖过外联连结的CSS，内联的CSS会盖过嵌入定义的CSS。
js可以向网页中写入html内容，方法是调用write方法向document的节点中写入html元素以下展示两个实例
1.在网页上写入一个标题为hello的元素
效果如图：
2.在网页上写入一个九九乘法表
在js中可以使用上面的 <h1>hello </h1>这样的开始标签和闭合标签在一起的标签写法，也可以将开始标签和闭合标签分开来写，例如本例。
本例的逻辑是用table标签建立一个表，然后用for循环分别计算九九乘法的结果，在写入结果的前后用tr标签形成一行，计算结果的时候用td标签形成一列
效果图：
通过chrome浏览器右键检查，可以看到的确写入了一个九九乘法表的table到网页中
注意：
在进行字符串拼接的时候如果没有处理好，会出现 SyntaxError: missing ) after argument list 的错误，需要谨慎对待，具体问题具体对待，解决方法可以参考下面的资料或者自行google
1. SyntaxError: missing ) after argument list
2. js中出现missing ) after argument list
3. JavaScript: SyntaxError: missing ) after argument list [closed]
你给一个div 添加背景图，不影响在这个div里面添加文字的，比如\x0d\x0a\x0d\x0a.class{width: 200pxheight: 200pxbackground: url("图片路径") no-repeat}\x0d\x0a\x0d\x0a\x0d\x0a注释：background: url("图片路径") no-repeat\x0d\x0a\x0d\x0arepeat: 平铺整个页面,左右与上下\x0d\x0arepeat-x: 在x轴上平铺,左右\x0d\x0arepeat-y: 在y轴上平铺,上下\x0d\x0ano-repeat: 图片不重复\x0d\x0a\x0d\x0a\x0d\x0a你的文字内容\x0d\x0a\x0d\x0a\x0d\x0a那么在这个div的背景图片就有了，你在里面写文字就可以了，如果你想给文字放到特定位置的话就需要定位了，
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）