[2019.07.04 学习笔记2]
1.行级元素（inline element），与其他元素位于同一行。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta chart="utf-8"> 5 <title>行内元素</title> 6 </head> 7 <body> 8 <span>内容</span> 9 <span>内容</span>10 <span>内容</span>11 </body>12 </html>
2.行内元素尽量不要包含块级元王熙凤人物形象分析素，不符合规范。可容纳文本或其他行内元素。
3.行内元素的高度一般由元素内部的字体大小决定，宽度由内容长度决定。不可设置元素宽（width）和高（height），只能设置左右方向的内边距（padding）和外边距（margin），上下方向不可设置。<img>除外。
<!doctype html><html lang="en"><head> <meta chart="utf-8"> <title>行内元素</title></head><body><span>内容</span><br/><span>内容内容内容内容内容</span><hr/><!--///////////////////////////////////////////////////////////////////////--><span>内容</span><br/><span style="width:200px; height: 200px;">内容</span><hr/><!--///////////////////////////////////////////////////////////////////////--><img src="test.jpg"/><br/><img src="test.jpg" style="width:10px; height: 10px;"/><hr/&g生物钟的意思t;<!--///////////////////////////////////////////////////////////////////////--><span>内容</span><br/><span style="padding: 10px; margin: 10px;">内容</span><hr/><!--///////////////////////////////////////////////////////////////////////--><img src="test.jpg" style="padding: 10px; margin: 10px;"/><img src="test.jpg" /><hr/><!--///////////////////////////////孙子兵法与三十六计////////////////////////////////////////--><span>内容</span><br/><span style="padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px;">内容</span><br/><span style="padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bott三四经om: 10px;">内教师师德容</span></body></html>
4.css样式默认显示为dispaly:inline;，可将行内元素设置为块级元素。
5.块级元素有：u、span、a、b、big、small、strong、em、i、sub、sup、img（可设置宽和高）、input、textarea、label、lect
6.不可设置位置属性align。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta chart="utf-8"> 5 <title>块级元素</title> 6 </head> 7 <body> 8 <span>内容</span> 9 <span align="center">内容</span>10 </body>11 </html>
本文发布于:2023-04-06 08:36:26，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/4c88a35afc9fca2c902b1b661f1cce95.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：行内元素.doc
本文 PDF 下载地址：行内元素.pdf
| 留言与评论（共有 0 条评论） |
