html基础

一、div样式

  • 1、style 设置css样式(扩展了解style标签)
  • 2、align 设置div盒子内的内容居中、居左、居右
  • 3、id 引人外部对应#(井号)选择符号样式
  • 4、class 引人外部对应.(句号)选择符号样式
  • 5、title 设置div(标题)鼠标经过时显示文字(扩展了解 title标签

3、id案例

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div的属性演示</title> 
<style> 
#divcss5{color:#F00; font-size:16px; font-weight:bold} 
</style> 
</head> 
<body> 
<div id="divcss5"> 
字体为红色,字体16px,加粗 
</div> 
</body> 
</html> 

4、class案例

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div的属性演示</title> 
<style> 
.divcss5{color:#00F; font-size:18px} 
</style> 
</head> 
<body> 
<div class="divcss5"> 
字体为蓝色,字体18px 
</div> 
</body> 
</html> 

  

posted @ 2023-05-18 21:58  南昌拌粉的成长  阅读(8)  评论(0编辑  收藏  举报