Div的几种选择器
Div 是一个html标签，一个块级元素（单独显示一行），单独使用没有意义，需要结合CSS来使用，主要用于页面的布局。
div选择器：
1.元素选择器：
1 <style>
2 div{
3 font-size: 5px;
4 color: red;
5 }
6 </style>
7 <body>
8 <div >
9 你停在了那条我们熟悉的街。
10 </div>
11 </body>
2.类选择器：
1 <style>
2 .div2{
3 font-size: 5px;
4 color: red;
5 }
6 </style>
7 <body>
8 <div class="div2">
9 你停在了那条我们熟悉的街。
10 </div>
11 </body>
3.id选择器：
1 <style>
2 #div3{
3 font-size: 5px;
4 color: red;
5 }
6 </style>
7 <body>
8 <div id="div3">
9 你停在了那条我们熟悉的街。
10 </div>
11 </body>
4.层级选择器
1 <style>
2 div font{
font-size: 40px;
color:brown;
}
6 </style>
7 <body>
8 <div>
把你准备好的台词全念一遍。
<font> 爱你到最后 不痛不痒</font>
</div>
11 </body>
5.属性选择器：
1 <style>
2 input[type = 'text']{
font-size: 40;
color: yellow;
}
6 </style>
7 <body>
8 <div>
我们的爱 <input type="text" name="password" />
</div>
11 </body>
6.行内引入：
1 <div style="color: orange; font-size:20px ;">
2 怪我没能力跟随。
3 </div>
7.外部引入
style1.css文件中
div{
font-size: 5px;
color: red;
} 利用link导入：
<html>
<head>
<meta charset="UTF-8">
<title> div选择器</title>
<link rel="stylesheet" href="style1.css" type="text/css"/>
</head>
<body>
<div>
你还要我怎样
</div>
</body>
</html>
Div 浮动特性
left:左侧不允许浮动元素
right:右侧侧不允许浮动元素
both 两侧都不允许浮动元素
none 默认值 两侧都允许浮动元素
inherit 从父元素继承clear属性值。
添加浮动 用float,清除浮动用clear。
Div的几种选择器的更多相关文章
- CSS3常用30种选择器总结
CSS3常用30种选择器总结 HTML5/CSS3时尚的圆盘时钟动画 带当前日期 www.html5tricks.com/demo/html5-css3-clock-with-date/index.h ...
- CSS 常见的8种选择器 和 文本溢出问题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>c ...
- 不可不看！CSS3中三十一种选择器用法
原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2012 年 6 月,介绍了 30 种最常用的 CSS 选择器用法,多加了一种, ...
- jQuery的12种选择器
jQuery的12种选择器 1.#id : 根据给定的ID匹配一个元素 显示(用加粗的代替颜色): 这是第一个p标签 2.* : 匹配所有元素,多用于结合上下文来搜索 显示 : 这是p标签 这是di ...
- jQuery的61种选择器
The Write Less , Do More ! jQuery选择器 1. #id : 根据给定的ID匹配一个元素 <p id="myId">这是第一个p标签< ...
- 理解CSS中的三种选择器>+~
1. p~ul p和ul有相同的父元素,选择出p元素之后的所有ul元素,其中,p和ul不一定是紧随,但是必须有相同的父元素 E+F 相邻兄弟选择器.选择匹配F的元素,且该元素位于 ...
- 汇总jQuery的61种选择器及示例
汇总jQuery的61种选择器及示例 恋痿喃 ㄍń稀广 因罘乐睽 ú燔蒇 骤幄觳 ч豹 齑骝氮铷 宅廓Ω孓 锏遒 荛猩ㄜ彬 芡钷ж ┊贩错鹌 掩饰着可还是几步就窜到了门口看着这个让她 ...
- CSS的几种选择器
选择器 目录 选择器 基础选择器 标签选择器 类选择器 id选择器 通配符选择器 复合选择器 后代选择器 子选择器 并集选择器 伪类选择器 基础选择器 标签选择器 标签选择器可以把一类标签全部选择出来 ...
- 最新CSS3常用30种选择器总结(适合初学者)
1. *:通用元素选择器 * { margin: 0; padding: 0; } *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除默认C ...
- css四种选择器总结
css 在网页开发中扮演着重要的角色,被誉为网页开发的三剑客,如果说html是人的外在器官部分,那css无疑是各个器官组成在一起然后表现出来,css又称样式重叠在网页排版布局中的地位举足轻重. 做 ...
随机推荐
- CodeGym自学笔记06——内存寻址和变量
内存寻址和变量 print() print() 函数用于在屏幕上逐个字符显示文本.当屏幕上某一行没有足够空间时,文本开始在下一行显示. println() 可以使用 println() 函数停止在当前 ...
- Launchpad是什么？Launchpad使用教程
Launchpad是什么?Launchpad 是用来查找和打开Mac系统下的 app 的最快捷方式,通过 Launchpad,您可以查看.整理并轻松打开Mac里面几乎所有的应用软件.下面带来Mac ...
- 苹果App 上架 app store 提示 “构建版本错误”使用Application Loader发布App
步骤1 打开Application Loader(有2种方法) 或 步骤2 使用开发者帐号登录 步骤3 选择需要上传发布的ipa包 选择成功后,会显示ipa包的相关信息 步骤4 上传验证 上传成功 转 ...
- windows下gitlab-ci.yml配置进入某一目录找不到，无权限
打开任务管理器查看gitlab-runner所使用的的用户 更改gitlab-runner服务权限, 找到gitlab-runner服务,右键-属性-登陆,选择[此账户]点击[浏览] 选择具有权限的账 ...
- JAVA JAR包注册成服务，开机启动，WINSW使用
1,下载工具 WINSW. https://www.aliyundrive.com/s/fACj3xk8R74 点击链接保存,或者复制本段内容,打开「阿里云盘」APP ,无需下载极速在线查看,视频原画 ...
- 微服务笔记之Eureka(1)
1.Eureka是什么? Eureka由Netflix开源,并被Pivatal集成到SpringCloud体系中,它是基于 RestfulAPI 风格开发的服务注册与发现组件,它是一个服务注册中心. ...
- 容器逃逸 --with docker.sock
容器逃逸 --with docker.sock 本人对于容器逃逸的基本理解就是用户从容器中逃出去到宿主机里去了. 本文意在记录一个使用 docker.sock 来进行容器逃逸的方法. 首先随便来个镜像 ...
- 解决Fiddler设置的代理总是被自动关闭，The system proxy was changed
火绒剑过滤路径ProxyOverride 停用服务SangforSP https://www.cnblogs.com/jspider/p/15896503.html
- 与IE浏览器相关的问题（一）
使用<input class="input" type="password" /> 密码框时,会出现密码显示状态的图标, 可以使用以下代码消除, . ...
- ThreadMBean
package com.google.thread3; import java.lang.management.ManagementFactory; import java.lang.manageme ...