1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来,在这里面编写样式:
<style type="text/css">
*{
padding: 0margin: 0
}
</style>
3.在标签里面直接编写行内样式。
<div style="color: #333"><div>
当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
在html文档中,引用外部样式的正确位置:文档顶部。
建议在head内引用外部css文件,因为放在body或者body之后的话,浏览器就要再重新渲染一遍儿页面。当然了,也不乏在body或者body之后加载外部css文件的,比如百度知道的这个页面,但这不算是最佳实践。
含义
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
有三种方式:1、内联:在HTML标签内用style属性添加CSS,如:
<span style="font-size:12px">字体大小为12像素</span>
2、外联:在HTML的head区块内用<style>...</style>标签来添加CSS,如:
<style>
.zt {font-size:12px}
</style>
<span class=zt>字体大小为12像素</span>
3、导入或链接:把CSS放入单独的文件,然后通过Import或Link连接到HTML内,如:
<style>@Import url("main.css")</style>
或
<link rel="StyleSheet" href="main.css" type="text/css" />
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)