css并集选择器书写规范，css中特殊字符设置_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:00:53 共计：3585 浏览

CSS中的特殊符号????

1.如div{...}会给所有的<div></div>增加样式。

2.名前井号“#”：对应html中的标签的id属性，写法为#name。如#p1{...}会给<p id="p1">ID is p1</p>增加样式。

3.名前小数点“.”：对应html中标签的class属性，?法写?为.name。如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式。

4.中间空格“ ”：?系关?到html标?的签?层次，?法写?为css css[ css[... css]]，可以设多?。层?如DIV #p1 .span1{...}

则会给<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加样式。

这样写的CSS必须?格严?遵守CSS与HTML标签层?，次?以下情况不?被会?这条CSS所应用：

5.中?逗间?号“,” ：表?并示?列关系，即该CSS有多个名称（可以?简精?重复的CSS样式）

如body,form,div{...}会为?有所?的<body></body>、<form></form>、<div></div>增?样加?式

6.名后冒号“:”：一般是?状指?态

如a:hover表示当鼠标?停悬?在a标签上时使?的用?样式

7.style中?代点?表类class,#代表id,也?以可?注释

h1代表html中?元的?素

tr.hr代表元素的?元子?素

写在哪里是要分情况的，是要看你想要实现什么效果。

1）如果写在选择器，如果是写的rotate等事件，则直接执行事件，如果写的是transtion:all ease 0.5s，那么他在你鼠标移入以及鼠标移出的时候都会发挥作用。

2）写在hover上，那么他只会在鼠标移入的时候才执行你自己定义的transtion动作，移出没有效果；

第一种格式类似于：

h1.center {color:red; text-align:center;}

这种格式由标签选择器和类选择器组成。

第二种格式类似于：

h1#center {color:red; text-align:center;}

这种格式由标签选择器和id选择器组成。

1、首先打开DreamweaverCC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：

2、在创建窗口中，点击浏览按钮。

3、然后选择站点创建好CSS文件夹，然后输入创建的CSS的名字，点击保存插件文件：

4、然后把添加为设置成链接，点击确定按钮：

5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了：

6、此时在html文件中的head标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表：

7、接下来在html网页编辑页面，在body标签中输入一个div：

8、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为aaa，并按下快捷键Ctrl+S保存样式表：

9、最后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称aaa并保存网页：

10、最后点击顶部的设计按钮，就可以看到实时效果了，此时css文件就成功链接进去了：

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。