元素分类:

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

最新文章

  1. ASP.NET MVC 初体验
  2. 解决Ehcache缓存警告问题
  3. JavaScript中局部变量与全局变量的不同
  4. python时间-time模块
  5. HDU-1372 Knight Moves (BFS)
  6. UML看书笔记1:主体思想
  7. Codeforces 56D Changing a String 编辑距离 记忆dp
  8. HDU 3988 Harry Potter and the Hide Story(数论-整数和素数)
  9. IIS部署网站时常见问题解决
  10. [转载] Java中常用的加密方法
  11. 五分钟学习React(四):什么是JSX
  12. [转] 使用Node.js实现简易MVC框架
  13. pandas 选择列或者添加列生成新的DataFrame
  14. easyUI-layout布局
  15. Python几种数据结构内置方法的时间复杂度
  16. 全网最详细的Sublime Text 3的安装Package Control插件管理包(图文详解)
  17. java面试题一
  18. Spring mvc异步处理
  19. 基于usb4java实现的java下的usb通信
  20. BZOJ2653:middle——题解

热门文章

  1. kindeditor扩展粘贴截图功能&amp;修改图片上传路径并通过webapi上传图片到图片服务器
  2. maven发布jar包到nexus
  3. tar (child): bzip2: Cannot exec: No such file or directory报错
  4. 在微信小程序中使用图表
  5. shiro + jwt 实现 请求头中的 rememberMe 时间限制功能
  6. How Tomcat works — 二、tomcat启动(1)
  7. Java线程池ThreadPoolExecutor使用和分析(二) - execute()原理
  8. java for循环里面执行sql语句操作,有效结果只有一次,只执行了一次sql mybatis 循环执行update生效一次 实际只执行一次
  9. mysql列反转Pivoting
  10. NET Core微服务之路:弹性和瞬态故障处理库Polly的介绍