1内联样式：直接写在标签里面 <p style="font-size:16px"></p>
2内部样式：在head下面的style标签里面写
<head>
<title></title>
<style type="text/css">
h3{
color:green;
}
</style>
</head>
3外部样式：
先创建一个以css为结尾的文件
p{
color:red;
}
然后在其他页面引用
<link rel="stylesheet" type="text/css" href="xxxcss">
CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。
行内样式 CSS可以直接放到行内样式中引入即可，比如代码如下图：
<p style="color: blue; background: red;">
hello world！
</p>
还可以采用潜入方式引入CSS，就是把CSS写到<style>标签中，这种方式比较实用，如下图所示：
<style type="text/css">
h1 {color: red;}
</style>
<h1>helloworld</h1>
还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
@import url(maincss);
给div加上这句css
white-space:nowrap;强制一行显示不换行。
white-space的默认值是normal
完整例子
<!DOCTYPE html><html>
<head>
<title>HTML模板</title>
<meta charset="UTF-8"/>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:blue;
white-space:nowrap;
}
</style>
<script>
</script>
</head>
<body>
<div>文字文字文字文字文字文字文字文字文字文字文字</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）