CSS回顾(基础知识,元素,选择器,盒子,颜色)
2024-10-11 12:43:19
元素分类:
1.行级元素:内联元素 inline
特征:内容决定元素所占位置,不可以通过CSS改变宽高
span strong em a del
2.块级元素:block特征:独占一行,可以通过CSS改变宽高
div p ul li ol form address
3.行级块元素:inline-block
特征:内容决定大小,可以改变宽高
选择器类型(通用的,没写那些伪类):
父子选择器(派生选择器)
<div>
<em></em>
</div>
div em {margin:0px} 有父子关系的几个元素组成的选择器,div下的所有em子孙
直接子元素选择器
div>em { margin:0 } 表示的是div下的直接子元素
并列选择器
<div class='red'></div>
div.red{ color:green } 表示并列关系
权重值比较:<style='color=red' ...>内联样式,1000
id :100 class:10 标签:1 *:0 ,!important是无穷大权重,但是如果!important+1则要更大
分组选择器
.demo{} .red{}
!!解决图片间隔 margin-left:-6px
盒子组成部分:
盒子壁 border
内边距 padding
盒子内容 width+weigth
margin+border+padding+content
颜色:
1.纯英文单词 red,green
2.颜色代码 #00ff22
3.颜色函数 rgb(00,ff ,ff)
rgb()表示光的三原色,red, green ,blue
最新文章
- ASP.NET MVC 初体验
- 解决Ehcache缓存警告问题
- JavaScript中局部变量与全局变量的不同
- python时间-time模块
- HDU-1372 Knight Moves (BFS)
- UML看书笔记1:主体思想
- Codeforces 56D Changing a String 编辑距离 记忆dp
- HDU 3988 Harry Potter and the Hide Story(数论-整数和素数)
- IIS部署网站时常见问题解决
- [转载] Java中常用的加密方法
- 五分钟学习React(四):什么是JSX
- [转] 使用Node.js实现简易MVC框架
- pandas 选择列或者添加列生成新的DataFrame
- easyUI-layout布局
- Python几种数据结构内置方法的时间复杂度
- 全网最详细的Sublime Text 3的安装Package Control插件管理包(图文详解)
- java面试题一
- Spring mvc异步处理
- 基于usb4java实现的java下的usb通信
- BZOJ2653:middle——题解
热门文章
- kindeditor扩展粘贴截图功能&;修改图片上传路径并通过webapi上传图片到图片服务器
- maven发布jar包到nexus
- tar (child): bzip2: Cannot exec: No such file or directory报错
- 在微信小程序中使用图表
- shiro + jwt 实现 请求头中的 rememberMe 时间限制功能
- How Tomcat works — 二、tomcat启动(1)
- Java线程池ThreadPoolExecutor使用和分析(二) - execute()原理
- java for循环里面执行sql语句操作,有效结果只有一次,只执行了一次sql mybatis 循环执行update生效一次 实际只执行一次
- mysql列反转Pivoting
- NET Core微服务之路:弹性和瞬态故障处理库Polly的介绍