内部样式表(是样式与结构分离的一种表现,并未完全分离)
即在body中设置所有的样式
<head> <meta charset="utf-8"/> <title>三
title> <style type="text/css"> p{
color:red; font-size:40px; }
style>
head>
这里是在head中设置所有的p中的字体
引入外部文件 (样式与结构完全分离)
引入语法:
<head> <meta charset="utf-8"/> <title>三
title> <link rel="stylesheet" type="text/css" href="一.css"/>
head>
rel: 定义当前文档与被链接文档之间的关系,这里需要指定为”stylesheet”,表示被链接的文档是一个样式表文件
type: 定义所链接文档的类型,这里需要指定为”text/css”,表示链接的外部文件为css
引入外部样式表的语法格式中 hrel和type中的输入内容是固定的
href中写的是要引入css文件的相对路径 或者绝对路径
<!dectype html> <html> <head> <meta charset="utf-8"/> <title>三
title> <style type="text/css"> p{
color:red; font-size:40px; }
style>
<link rel="stylesheet" type="text/css" href="一.css"/>
head> <body> <h1>试试
h1> <p>跌
p> <p>跌
p> <p>撞撞
p> <p style="color:red;font-size:40px;">奔向你
p>
body>
html>
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/201454.html原文链接:https://javaforall.net
