4月1日学习笔记(CSS部分)

  • CSS初始化


  • 内边距padding

padding属性宽度是按照上右下左的顺序来的,否则单独设置就是padding-left。。。


  • 边框border

border可以设置样式(border-style),颜色(border-color),宽度(border-width)。

颜色和宽度都可以单独设置border-left-color/border-left-width。


  • 外边距margin

单独设置就是“margin-left:”。margin笼统设置按照上右下左的顺序。但可以省略设置;

如果缺少左外边距的值,则使用右外边距的值。

如果缺少下外边距的值,则使用上外边距的值。

如果缺少右外边距的值,则使用上外边距的值。

两个DIV框上下叠加外边距会合并。

时间: 2024-11-08 11:49:38

4月1日学习笔记(CSS部分)的相关文章

4月6日学习笔记——css设置网页打印样式

有三种方法 1. 为屏幕显示和打印分别准备一个css文件,如下所示:  用于屏幕显示的css: <link rel="stylesheet" href="css/noprint.css" media="screen" />  用于打印的css:<link rel="stylesheet" href="css/print.css" media="print" />

2016年7月19日学习笔记

2016年7月19日学习笔记 计算机系统的组成部分 计算机系统由硬件系统和软件系统两大部分组成 硬件系统 冯.诺依曼体系结构: 1946年数学家冯.诺依曼提出运算器,控制器,存储器,输入设备,输出设备. 具体变现为一下硬件: 运算器,控制器  ------>  CPU 存储器          ------>  内存(断电数据清空),硬盘(可永久存储数据) 输入设备------>  键盘,鼠标等 输出设备------>  显示器 打印机等 软件系统 OS : Operating S

2014年7月17日学习笔记--PHP的循环结构学习

今天重新开始学习PHP, 为了学习PHP买了书,但书是一本大部头的书,不好带一直没有好好学习,我决定把书拆了分章来看,这样也方便带 也可以很快完成任务. 今天在linux mint 17上安装了lnmp 环境 和brackets工具,来学PHP,小的例子用vim来完成的. 记录一下自己美化的九九乘法表 代码如下: <?php     for($i=1;$i<=9;$i++){         for($j=1;$j<=9;$j++){             if($i>=$j){

2016年7月21日学习笔记

2016年7月21日学习笔记 Linux安装以后出现的文件目录的作用: 文件系统的类型 LINUX有四种基本文件系统类型:普通文件.目录文件.连接文件和特殊文件,可用file命令来识别. 普通文件:如文本文件.C语言元代码.SHELL脚本.二进制的可执行文件等,可用cat.less.more.vi.emacs来察看内容,用mv来改名. 目录文件:包括文件名.子目录名及其指针.它是LINUX储存文件名的唯一地方,可用ls列出目录文件. 连接文件:是指向同一索引节点的那些目录条目.用ls来查看是,连

linux文档的打包和压缩 3月27日学习笔记

linux文档的打包和压缩 一.gzip:压缩工具 gzip只能压缩文件,不可以压缩目录后面直接跟要压缩的文件就可以进行压缩. 文件压缩后默认会带一个后缀名,作用是为了区分是什么工具压缩的. 压缩和解压之后源文件都会消失. 1.压缩passwd文件 [[email protected] cheng]# gzip passwd  [[email protected] cheng]# ls passwd.gz 2.gzipz -d:解压文件 [[email protected] cheng]# gz

3月18日学习笔记

一.特殊权限(chattr.lsattr)二.特殊权限(set_uid.set_gid.sticky_bit)三.搜索文件(which.whereis.find.locate)四.链接文件的建立(ln -s.ln) 一.特殊权限设置 chattr命令      这个命令为文件或目录添加特殊权限,较常用的有i.a这两个权限.chattr +i 名称(文件或目录)     文件:文件添加此权限后无法写入数据,无法重命名.删除此文件.    目录:目录添加此权限后无法再写入文件.无法删除目录内的文件或

4月12日学习笔记——jQuery事件

下面是在 jQuery 中最常使用的 bind()方法举例:$("#testDiv4").bind("click", showMsg); 我们为 id 是 testDiv4 的元素, 添加 click 事件的事件处理函数 showMsg. 使用 jQuery 事件处理函数的好处: 1. 添加的是多播事件委托,也就是为 click 事件又添加了一个方法,不会覆盖对象的 click 事件原有的事件处理函数. 1 $("#testDiv4").bind

4月6日学习笔记——如何提高网页加载速度(前端面试考点)

网页的加载速度是评估网站质量一个重要指标.原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页,所以网页载入速度会极大地影响网站的流量和访问.以下总结了几种可以明显提高网站加载速度的初步简单技巧方式,如果你的网站存在载入速度慢的问题不妨 与此为参考对网页做些初步优化. 网页加载提速之 – 优化网页图片文件 你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可

3月7日学习笔记

第一&二章 Chapt 1 *信息的基本概念:总的来说,信息的概念存在两个基本的层次,即本体论层次和认识论层次.前者是纯客观的层次,只与客体本身的因素有关,与主体的因素无关:后者则是从主体立场来考察的信息层次,既与客体因素有关, 也与主体因素有关.本体论层次的信息概念因为它的纯客观性而成为最基本的概念,认识论层次的信息概念则因为考虑了主体因素而成为最适用的概念. *认识论信息与本体论信息的关系:从上面给出的定义可以看出,认识论信息与本体论信息是相通的,它们共同的核心都是"事物运动的状态和