常用图片格式图片是网页制作中很重要的素材，图片有不同的格式，每种格式都有自己的特性，了解这些特效，可以方便我们在制作网页时选取适合的图片格式，图片格式及特性如下：1、psd photoshop的专用格式。优点：完整保存图像的信息，包括未压缩的图像数据、图层、透明等信息，方便图像的编辑。缺点：应用范围窄，图片容量相对比较大。 2、jpg 网页制作及日常使用最普遍的图像格式。优点：图像压缩效率高...
background属性属性解释 background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项： background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺background-posi...
定位文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。关于定位 我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下： relative 生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移。 abso...
盒模型使用技巧及相关问题margin相关技巧 1、设置元素水平居中： margin:x auto;2、margin负值让元素位移及边框合并 理解练习 1、制作一个600*100的盒子，边框1像素黑色，距离浏览器顶部100px，水平居中。2、制作下面的菜单效果：外边距合并 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大...
盒模型的实际尺寸按照下面代码制作页面：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子的真实尺寸</title> <style type="tex...
CSS盒子模型盒子模型解释 元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：把元素叫做盒子，设置对应的样式分别为：盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。设置宽高 width:200...
最近老是折腾服务器，MySQL服务也不稳定，所以就存在数据库导入导出的问题，之前虽然已经设置了数据库支持显示emoji表情，但是如果导出后再恢复备份，原来的emoji表情就会变成问号，本着遇到问题就解决问题的心态，决定对数据库配置文件进行修改，于是在网上收到了这篇文章10分钟完成MySQL对emoji的支持，按照他的方法，分别在/etc/my.conf的配置文件的相关字段添加了如下内容(在字...
css选择器常用的选择器有如下几种：1、标签选择器标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。举例：*{margin:0;padding:0} div{color:red} <div>....</div> <!-- 对应以上两条样式 --> <div class="box">....</d...
