css写在html里面吗?
css可以写在html里。在html里写css有两种方式,一种是内部样式表,另一种是内联样式,区别在于内部样式表更常用,代码具有复用性。
一、内部样式表方式
样式写在HTML文档的style标签中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .app{ color: #5c5; } .col-4{ columns: 100px 4; } </style> </head> <body> <div class="app"> <p class="col-4">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文 字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文 字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试 文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测 试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字 测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p> </div> </body> </html>
(推荐学习:CSS视频教程)
二、内联样式方式
样式写在html元素的style属性上
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div style="color: #00f"> <p style="columns: 2">测试文字测试文字测试文字测试文字测试 文字测试文字测试文字测试文字测试文字测试文字测试文字测试文 字测试文字测试文字测试文字测试文字测试文字测试文字测试文字 测试文字测试文字测试文字测试文字测试文字测试文字测试文字测 试文字测试文字测试文字测试文字测试文字测试文字测试文字测试 文字测试文字测试文字测试文字测试文字测试文字测试文字测试文 字测试文字测试文字测试文字测试文字测试文字测试文字测试文字 测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p> </div> </body> </html>
更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!
以上就是css写在html里面吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!