浮动浮动特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)两种 2、浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来 3、相邻浮动的块元素可以并在一行，超出父级宽度就换行 4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题) 5、浮动元素后面没有浮动的元素会占据浮动元素的位置，没有浮动的元素内的文字会避开浮动的元素，形成...
块元素、内联元素、内联块元素元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为：支持全部的样式如果没有设置宽度，默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素，也可以...
css元素溢出当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。overflow的设置项： 1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-top塌陷的功能。3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查...
盒模型使用技巧及相关问题margin相关技巧 1、设置元素水平居中： margin:x auto;2、margin负值让元素位移及边框合并 理解练习 1、制作一个600*100的盒子，边框1像素黑色，距离浏览器顶部100px，水平居中。2、制作下面的菜单效果：外边距合并 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大...
CSS盒子模型盒子模型解释 元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：把元素叫做盒子，设置对应的样式分别为：盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。设置宽高 width:200...
最近老是折腾服务器，MySQL服务也不稳定，所以就存在数据库导入导出的问题，之前虽然已经设置了数据库支持显示emoji表情，但是如果导出后再恢复备份，原来的emoji表情就会变成问号，本着遇到问题就解决问题的心态，决定对数据库配置文件进行修改，于是在网上收到了这篇文章10分钟完成MySQL对emoji的支持，按照他的方法，分别在/etc/my.conf的配置文件的相关字段添加了如下内容(在字...
css颜色表示法css颜色值主要有三种表示方法：1、颜色名表示，比如：red 红色，gold 金色2、rgb表示，比如：rgb(255,0,0)表示红色3、16进制数值表示，比如：#ff0000 表示红色，这种可以简写成 #f00 版权属于：本文由黑马程序员(itheima.com)创作，仅用于学习交流，请勿用于商业目的。 如有侵权，请联系[email protected]，收到邮件后立即...
css基本语法及页面引用css基本语法css的定义方法是： 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：/* css注释 ctrl+shift+"/" */ div{ width:100px; height:100px; colo...
