1.如div{…}会给所有的<div></div>增加样式。
2.名前井号“#”:对应html中的标签的id属性,写法为#name。如#p1{…}会给<p>ID is p1</p>增加样式。
3.名前小数点“.”:对应html中标签的class属性,法写为.name。如.p2{…}会给<p>CLASS is p2</p>增加样式。
4.中间空格“ ”:系关到html标的签层次,法写为css css[ css[… css]],可以设多。层如DIV #p1 .span1{…}
则会给<div><p><span></span></p></div>中最内部的span1增加样式。
这样写的CSS必须格严遵守CSS与HTML标签层,次以下情况不被会这条CSS所应用:
<span></span>
<p><span></span></p>
<div><span></span></div>
5.中逗间号“,” :表并示列关系,即该CSS有多个名称(可以简精重复的CSS样式)
如body,form,div{…}会为有所的<body></body>、<form></form>、<div></div>增样加式
6.名后冒号“:”:一般是状指态
如a:hover表示当鼠标停悬在a标签上时使的用样式
7.style中代点表类class,#代表id,也以可注释
h1代表html中元的素
tr.hr代表元素的元子素
@ css3的transition是直接写在选择器上?
写在哪里是要分情况的,是要看你想要实现什么效果。
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选择器组成。
@ css设计器怎么用?
1、首先打开DreamweaverCC软件新建一个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文件就成功链接进去了: