标签:doctype title 命名 设置 big 段落 css line cal
基础选择器(都是要写在head部分里)
body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ #选中的是body里面的所有p标签。 color: red; font-size: 20px; } span{ color: yellow; }
id选择器(一般用在JS中)
表示方式: #+id号码
同一个页面中id不能重复。任何的标签都可以设置id id命名规范 要以字母 可以有数字 下划线 - 大小写严格区分 aa和AA是两个不一样的属性值
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> <style type="text/css"> #p1{ ##在head部分通过id选择器对body里的p标签进行选择操作。 color: green; font-size: 30px; } </style> </head> <body> <p id="p1">尝试id选择器标签</p> </body> </html>
例:head部分:
<head> <meta charset=utf-8> <meta name=description content=""> <meta name=viewport content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> #在head部分,通过选择body里的类来进行样式改变。 .lv{ color: green; } .big{ font-size: 40px; } .line{ text-decoration: underline; }
body部分:
<body>
<div>
<p class="lv big">段落1</p>
<p class="lv line">段落2</p>
<p class="line big">段落3</p> #通过给p标签归类来批次操作标签样式
</div>
</body>
标签:doctype title 命名 设置 big 段落 css line cal
原文地址:https://www.cnblogs.com/yangbinqiji/p/9073713.html