美文网首页
css的20/80关键知识

css的20/80关键知识

作者: XY圆圆 | 来源:发表于2017-06-30 19:18 被阅读0次

1.基础样式

选择器和声明-告诉了浏览器谁该长什么样子

样式选择器 id选择器 Paste_Image.png 元素选择器

2.css的盒模型

content &border

content是盒子内部的容积 boder是盒子的外皮

padding

padding是内壁的厚度——内推

margin

两个盒子之间的留白——外嚷

border:solid/dotted 2px blue;
  边框  实心  点儿 粗细 蓝色
margin:20px;
上下左右的位移
效果图

如果只想进行上下的位移

   border:solid 2px blue;
   margin-bottom: 20px;
   background: tomato;
image.png

一定要注意代码中的;不能漏掉
同时选中多个的快捷键ctrl+d

color pick插件--写rgb然后调用出来- ctrl+shift+c

重要提示

相关文章

  • css的20/80关键知识

    1.基础样式 选择器和声明-告诉了浏览器谁该长什么样子 2.css的盒模型 content是盒子内部的容积 bod...

  • 如何偷懒-80/20法则

    R:80/20法则思考: 谨记“80/20法则”,并明白关键性的“20%”是什么。“80/20法则”是指,你从20...

  • CSS关键知识

    记录两个以前分不清的概念,padding和margin padding 将元素挤压,使其更靠近盒模型中间的部分 m...

  • 谨记80/20法则

    谨记“80/20法则”,并明白关键性的“20%”是什么。“80/20法则”是指,你从20%的信息或努力中得到80%...

  • 2/8法则

    80/20法则 80/20 Rule 在所有大系统中,大部分的效果由少数几项关键元素决定 依照80/20法则的定义...

  • Python Web 开发工程师课程目录

    零、课前准备 1、报名后必读的课前准备 一、学会开发静态网页 1、HTML 的 20/80 关键知识2、用 Sem...

  • 谨记“80/20法则”——《原则》

    谨记“80/20法则”,并明白关键性的“20%”是什么。“80/20法则”是指,你从20%的信息或努力中得...

  • 为什么富人越富,穷人越穷,富人越闲,穷人越忙?

    有个20-80原则,就是20%的富人掌握80%的财富,80%的穷人只能分享20%的财富,关键是富人掌握了赚钱的技巧...

  • 28原则

    #《原则》 读《原则》一书,今天看到的是“谨记“80/20法则”,明白关键性的“20%”是什么”。 “80/20法...

  • 小数字,大管理!管理中30个神奇的数字法则,世界500强都在用

    1:二八定律——抓住关键的少数。二八定律又名80/20法则,如,公司80%利润来源20%的重点客户;20%的强势品...

网友评论

      本文标题:css的20/80关键知识

      本文链接:https://www.haomeiwen.com/subject/fdyicxtx.html