css的简单使用
2024-09-01 09:35:21
css语法
id选择器:
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
#para1
{
text-align:center;
color:red;
}
</style>
</head> <body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>
class选择器:
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p.center
{
text-align:center;
}
</style>
</head> <body>
<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
</body>
</html>
最新文章
- 文件权限及特殊权限管理SUID、SGID和Sticky
- WinForm应用只运行一次
- C#_接口
- Redis 学习资料整理
- WebService传递XML数据 C#DataSet操作XML 解析WebService返回的XML数据
- Js打开网页后居中显示
- IT第十天 - String和StringBuffer的比较、编程设计技巧整理、本周总结 ★★★
- selenium+python自动化测试系列---基础知识篇(1、HTML基础知识1)
- 使用Visual Studio Team Services进行压力和性能测试(一)——创建基础的URL压力测试
- SpringBoot配置多数据源时遇到的问题
- Office365开发者计划——账户信息上显示已是订阅用户,点击其他授权信息,仍然需要激活
- 为什么使用React Native
- Redis4.0 主从复制(PSYN2.0)
- codeforces 9 div2 C.Hexadecimal&#39;s Numbers 暴力打表
- ()IT 职场经验)一位10年Java工作经验的架构师的经验分享,感觉很受用。
- MFC--串口编程---WIN API的方式将串扣操作封装在线程类中
- .net core 发布到docker
- mysql 5.6的安装
- Hibernate映射--基本类映射和对象关系映射(转)
- EasyUI 打印当前页
热门文章
- Spring Boot 入门之基础构建篇(一)
- Day 2 Bash shell 认识
- 【面试】足够“忽悠”面试官的『Spring事务管理器』源码阅读梳理(建议珍藏)
- Debezium SQL Server Source Connector+Kafka+Spark+MySQL 实时数据处理
- 解决CentOS6.x或RedHat Linux 6.x版本不能通过System eth0以固定IP访问外网的问题
- Maven 梳理 -多模块 vs 继承
- js实现敲回车键登录
- Rxjs 操作符
- Vagrant定制个性化CentOS7虚拟机模板
- Kafka 学习笔记之 Consumer API