网站运营是什么,做海外房产最好的网站,黄山旅游住宿攻略,怎么样给一个网站做自然排名HTML选择器1、标签选择器直接将HTML元素中的标签作为选择器#xff0c;可以是p、h1、d1、strong等HTML标签#xff0c;在CSS中直接展现。2、ID选择器通常在编写页面的时候设定某些标签元素的ID,同一个HTML中ID不允许重复#xff0c;例如#xff0c;div idwrapper… HTML选择器1、标签选择器直接将HTML元素中的标签作为选择器可以是p、h1、d1、strong等HTML标签在CSS中直接展现。2、ID选择器通常在编写页面的时候设定某些标签元素的ID,同一个HTML中ID不允许重复例如div idwrapper,后来使用的时候就用#wrapper这里的”#wrapper“就是ID选择器在CSS中以”#“开头。3、类选择器CSS里面用”.“开头的表示类选择器如有如下的CSS代码 .error{
color:red;
font-size:14px;
} 在页面HTML的代码中使用class类别名进行调用 span classerror错误信息以红色显示/span 注意类选择器和ID选择器比较类似都是通过HTML元素添加属性而生效的可应用在body内的任何元素上不过和ID选择器不同的是类选择器是可以重复的。例如可以像下面的代码这样设定 div classerror用户名不存在/div
p classerror邮箱格式不正确/p 也可以针对不同类型的元素对同一个名称的类选择器设定不同的样式规则即使是相同名称的类选择器也可以有不同的表现。例如对于上面的HTML代码可以修改CSS规则如下 div.error{
color:red;
font-size:14px;
}p.error{
color:green;
font-size:14px;
} 4、后代选择器 h3外部/h3div idsiderh3内部/h3ulli列表1/lili列表2/lili列表3/li/ul/div 在这里可以定义如下的CSS样式就可以实现分层调用 h3 {color:green;}
#sider h3 {color:red;}
#sider ul {color:red;}
#sider ul li{color:red;} 5、子元素选择器 CSS样式设定如下 div em {color:red;} HTML代码如下 div
em这个em是div中的元素/em
pp中的em是p的子元素/p
/div 显示效果为第一个em标签显示红色而第二个em标签的子元素将不会应用此样式。 6、相邻兄弟选择器表示样式应用于与该元素相邻的下一个元素 div p{color:red;} HTML代码如下 p与div相邻的上一个p/p
div
pdiv中的p/p
/div
p与div相邻的下一个p/p
p不与div相邻的p/p 只有与div相邻的下一个p才会应用此样式 转载于:https://www.cnblogs.com/shudonghe/archive/2013/01/12/2857688.html