css整体感知 | DataLearnerAI

互联网前端三层：
HTML  超文本标记语言   从语义的角度描述页面的结构
CSS   层叠式样式表     从审美的角度负责页面的样式
JS    javascript      从交互的角度描述页面的行为
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css" media="screen">
	/*选择器{k:v;
		k:v;
		k:v;
	  }*/
	 p{
       color:red; 
       /*字符颜色 color的值可以是英语单词也可以是rgb 十六进制*/
       font-size:40px;
       /*字号大小 font 字体 size 尺寸 px像素 */
       background-color:blue;
       /*背景颜色*/
       font-weight: bold;
       /*字体加粗 weigt 重量  bold 粗体 normal 正常*/
       font-style: italic;
       /*style 样式  italic 斜体 normal 正常*/
       text-decoration: underline;
       /*下划线 decoration 装饰装潢  underline 下划线 none没有*/
	}
	</style>
</head>
 <body>
    <h1>我是一个主标题</h1>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
 </body>

互联网前端三层：
HTML  超文本标记语言   从语义的角度描述页面的结构
CSS   层叠式样式表     从审美的角度负责页面的样式
JS    javascript      从交互的角度描述页面的行为
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css" media="screen">
	/*选择器{k:v;
		k:v;
		k:v;
	  }*/
	 p{
       color:red; 
       /*字符颜色 color的值可以是英语单词也可以是rgb 十六进制*/
       font-size:40px;
       /*字号大小 font 字体 size 尺寸 px像素 */
       background-color:blue;
       /*背景颜色*/
       font-weight: bold;
       /*字体加粗 weigt 重量  bold 粗体 normal 正常*/
       font-style: italic;
       /*style 样式  italic 斜体 normal 正常*/
       text-decoration: underline;
       /*下划线 decoration 装饰装潢  underline 下划线 none没有*/
	}
	</style>
</head>
 <body>
    <h1>我是一个主标题</h1>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
 </body>

DataLearner 官方微信