css内部样式表怎么写?
内部样式表是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:
<head> <style type="text/CSS"> 选择器1 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 选择器2 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </style> </head>
语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。(推荐学习:CSS视频教程)
<body> <div class="header"></div> <style type="text/CSS"> /* 样式1 */ </style> <div class="main"></div> <style type="text/CSS"> /* 样式2 */ </style> </body>
例子:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/CSS"> .app{ background: skyblue; border: 2px dashed #000; } .app > p{ color: #fff; } </style> </head> <body> <div class="app"> <p>css内部样式表怎么写?</p> </div> </body> </html>
效果:
更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!
以上就是css内部样式表怎么写?的详细内容,更多请关注易知道|edz.cc其它相关文章!