CSS Id和Class选择器id和class选择器
如果你要在HTML元素中设置CSS样式你需要在元素中设置"id"和"class"选择器。id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。
以下的样式规则应用于元素属性id="para1":
实例
text-al ign:center;co lo r: red;
}
ID属性不要以数字开头数字开头的ID在Mozi l la/Firefox浏览器中不起作用。
ID属性只能在每个HTML文档中出现一次。具体的解释请参阅XHTML:网站重构。class选择器class选择器用于描述一组元素的样式 class选择器有别于id选择器 class可以在多个元素中使用。class选择器在HTML中以class属性表示,在CSS中类选择器以一个点"."号显示在以下的例子中所有拥有center类的HTML元素均为居中。
实例
.center {text-al ign:center;}
你也可以指定特定的HTML元素使用class。
在以下实例中,所有的p元素使用class="center"让该元素的文本居中:
实例p.center {text-al ign:center;}
类名的第一个字符不能使用数字它无法在Mozi l la或Firefox中起作用。
扩展阅读
在HTML标签中设置CSS样式时有多种CSS选择器可供选择你可以参考本站的CSS3选择器归类整理包含了CSS3中新增的选择器来了解更多有关CSS选择器的内容。
RAKsmart商家一直以来在独立服务器、站群服务器和G口和10G口大端口流量服务器上下功夫比较大,但是在VPS主机业务上仅仅是顺带,尤其是我们看到大部分主流商家都做云服务器,而RAKsmart商家终于开始做云服务器,这次试探性的新增美国硅谷机房一个方案。月付7.59美元起,支持自定义配置,KVM虚拟化,美国硅谷机房,VPC网络/经典网络,大陆优化/精品网线路,支持Linux或者Windows操作...
wordpress外贸集团企业主题,wordpress通用跨屏外贸企业响应式布局设计,内置更完善的外贸企业网站优化推广功能,完善的企业产品营销展示 + 高效后台自定义设置。wordpress高级推广外贸主题,采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器,根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行自适应显示; 完美实现一套主题程序支持全部终端设备,保证网站在各...
mansora怎么样?mansora是一家国人商家,主要提供沪韩IEPL、沪日IEPL、深港IEPL等专线VPS。现在新推出了英国CN2 KVM VPS,线路为AS4809 AS9929,可解锁 Netflix,并有永久8折优惠。英国CN2 VPS,$18.2/月/1GB内存/10GB SSD空间/1TB流量/100Mbps端口/KVM,有需要的可以关注一下。点击进入:mansora官方网站地址m...