最可怕的就是遗忘,好久没弄了,又忘记了,最近复习了一下。 伸缩布局,主要包含几个属性flex-direction、justfix-content、align-items、flex-wrap、flex(给子元素设置),在使用之前,需要给父元素开启display...
html与css
CSS动画属性animation
动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 关于几个值,...
CSS3-过度-transition
过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 在CSS3里使用transition可以实现补间动画(过渡效...
CSS3-transform-位移、旋转、倾斜、缩放
移动 translate(x, y) /*使用translate方法来将文字或图像在水平方向和垂直方向上分别垂直移动50像素。*/ translate(50px,50px); /*如果只设置了一个值,代表水平方向移动*/ translate(50px) /*可以设置百...
给移动端网站添加底部导航按钮demo
html标签 其中 nav 请根据你的主题改写,并修改php中的 nav ,否则设置无效,又或者因为冲突而发生排版错误。 <div class="nav"> <ul> <li><a href="链接"><img src="图...
CSS中静态定位、相对定位、绝对定位、固定定位的特点
静态定位的特点: 标准流中的元素默认的定位都是静态定位 偏移量对静态定位的元素无效 相对定位特点: 如果只设置定位方式,不设置偏移量,元素位置不变 元素不脱标,占...
CSS的优先级与权重计算
CSS优先级 定义CSS样式时,经常出现两个或更多选择器选择在同一元素上,这时就会出现优先级的问题。 一、基本选择器优先级比较: 父元素继承<通配符选择器<标签选择器<类选择器<id选择器<...
CSS清除浮动带来影响方法
清除浮动本质 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 的问题。 清除浮动的本质是清除浮动带来的影响,而不是把浮动属性删除掉 正常情况下父元素是在不设置高度的情况下高度是由于父元素的子...
自适应布局利用CSS元素CSS Media Queries Module
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8"> <title>自适应布局</title> <!-- 360 使用Google Chrome Frame --> <met...
属性选择器-CSS3-正则表达式与选取特定
属性选择器一般多用于表单控件标签 什么是属性选择器? 属性选择器它是与HTML标签的属性名和属性值有关。 属性选择器是通过HTML标签的属性名和属性值来匹配元素. 说明:attr是英文单词"attrib...