7.8CSS部分的学习!
2024-10-13 16:21:45
<!DOCTYPE html>
<html>
<head>
<title>CSS元素选择器</title>
<style type="text/css"> /* id选择器
id 选择器使用 #引入,它引用的是id属性中的值
html标签 id名字可以重复
*/
#div1{
border:1px dashed red;
}
/* 类选择器
类选择器使用时,需要在类前面加一个 .
在项目开发中,给标签添加属性都是通过类选择器
*/
.weather{
color:red;
border: 1px dashed green;
}
/* 元素选择器
这是最常见的选择器,简单说,文档中的元素就是选择器
*/
div{
width: 200px;
height: 200px;
border:1px solid red;
} span{
border:1px solid green;
}
/* 属性选择器
如果需要选择有某个属性的元素,而不论属性是什么,可以使用属性选择器*/
/*只能改变type = "text" 的属性*/
input[type = "text"] {
background-color:yellow;
border: 1px solid blue;
} </style>
</head>
<body> <div id="div1">
今天天气不错1....
</div>
<div id="div2">
今天天气不错2...
</div>
<div class="weather">
今天天气不错4
</div> <div>习主席</div>
<div>李克强</div> <span>汪洋</span><br> <input type="text" placeholder="请输入用户名"><br>
<input type="password" placeholder="请输入密码"><br>
<input type="text" placeholder="请输入地址">
</body>
</html>
最新文章
- MQTT(三)-----连接与心跳
- 如何运用TurboDemo创建视频示例
- Oracle如何实现从特定组合中随机读取值
- go sync.Mutex 设计思想与演化过程 (一)
- PHP获取MySql新增记录ID值的方法
- jQuery调用后台方法
- VS开发好用的扩展
- linux-软连接
- 1064. Complete Binary Search Tree
- Linq to SQL只支持SQL Server(所选对象使用不支持的数据提供程序)
- Instruments --- 内存泄露
- Linux安装Team Service Agent
- 织梦dedecms后台发布文章不自动更新首页与栏目列表页
- 树莓派.安装Samba环境
- Java基础系列-Stream
- JDBC设计理念浅析 JDBC简介(一)
- C++内存读写例子
- MySQL中group by , sum , case when then 的使用
- [Object Tracking] **Mask R-CNN
- 数据库常见索引解析(B树,B-树,B+树,B*树,位图索引,Hash索引)
热门文章
- SpringCloud实战2-Ribbon客户端负载均衡
- A SimpleDataStore
- 关于html,body{height:100%}的解释
- 安装Logtail(Linux系统)
- Caused by: java.lang.ClassNotFoundException: Cannot find class解决办法
- sed学习[参考转载]
- String为什么是不可变的?
- C#调用存储过程详解(带返回值、参数输入输出等)
- linux每日命令(8):mv命令
- 总结Sql Server内置函数实现MD5加密