css

许多同学都在问CSS如何兼容ie浏览器，下面我就来介绍一下css兼容ie的写法，大家一起来看看，如有错误和不足，欢迎指出。 width:auto;是宽度自动的意思。 9是hack css 的一种写法，这种在正常css代码后面加”9″的方式，只有IE浏览器才能识别，其他浏览器会…

css常用代码大全 html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。 一.文本设置 1、font-size: 字号参数  立即学习“前端免费学习笔记（深入）”； 2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 color: 参数 …

display:inline的意思是设置对象做为行内元素显示，inline是内联对象的默认值，而一般用的div是块级元素，默认display属性是block，但将div的display设置为inline的话，则多个div显示在一行。 display:inline的意思是： 设置对象做为行内元素显示，…

style标签的用法是：1、style标签放在head标签里；2、作为属性放在元素的开始标签中，每个属性值之间使用【;】分开；3、使用属性color，添加style属性的字体颜色。 style标签的用法是： 1、style 属性的作用： 提供了一种改变所有 HTML 元素的样式的通用方法。 样式是 …

本文目标： 1、掌握css3中如何让元素旋转 问题： 1、实现以下效果，且使用纯DIV+CSS 附加说明： 1、带蝴蝶的粉色圆圈是一张图片 立即学习“前端免费学习笔记（深入）”； 2、中间的“4色花”是由4个半圆通过旋转生成的,每个半圆的直径为180px 现在来具体操作 1、准备素材：当前案例的素材…

鼠标跟随，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动。通常而言，css 负责表现，javascript 负责行为。而鼠标跟随这种效果属于行为，要实现通常都需要借助 js。 当然，本文的重点，就是介绍如何在不借助 JS 的情况下使用 CSS 来模拟实现一些鼠标跟随的行为动画效果。 我们先来看…

为了引出本文的主题，先看看这个问题，最快水平垂直居中一个元素的方法是什么？ 水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： .g-container { display: flex;} .g-box { margin: a…

伪类选择器： （推荐学习：css快速入门） 1、link、hover、active、visited a:link（未访问的链接状态），用于定义了常规的链接状态。 a:hover（鼠标放在链接上的状态），用于产生视觉效果。 立即学习“前端免费学习笔记（深入）”； a:active（在链接上按下鼠标时的…

可以利用css3的transform来实现容器中的元素垂直对齐。 （推荐学习：css快速入门） 具体代码实现： .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transfo…

我们之前已经学过一些布局模型，比如说浮动，绝对定位等等，但是这些布局方式一是不够简洁，而是使用的范围确实是太窄了。 flex模型拥有比较多的属性，来设置多样的布局方式，接下来我们就详细介绍各种属性对布局的改变，最后再对属性做一个汇总 先看一下flex的基本模型，如下图所示： 立即学习“前端免费学习笔…