关于css中的id选择器与class选择器的介绍_css教程,css,id,class

CSS 尺寸的百分比_css教程
CSS中的百分比计算方法 CSS 支持多种单位形式,如百分比、px、pt、rem 等,百分比和 px 是常用的单位,随着移动端和响应式的流行,rem、vh、vw 也开始普及使用。

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

例如：

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

注意： ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

class 选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

CSS开发常用命名_css教程
为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，也为了更好阅读、修改和提高对CSS的加载速度，CSS的编写应该遵循一定的编写规范。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示。

例如：

在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。

.center {text-align:center;}

你也可以指定特定的HTML元素使用class。

例如：

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中。

p.center {text-align:center;}

推荐教程：CSS入门基础教程

以上就是关于css中的id选择器与class选择器的介绍的详细内容，更多请关注ki4网其它相关文章！

推荐六款移动端 UI 框架_css教程
作为一个前端人员来说，总结几款相对来说不错的用于移动端开发的UI框架是非常必要的，以下几种移动端UI框架就能基本满足工作中开发需要，根据项目需求，选用合适的框架搭建项目，更能容易提高开发效率。