Css
ul li 横向排列不换行的做法
有些时候需要使用ulli水平排列而不要换行，做法很简单，直接拷我的代码上来，注意红色部分就可以了：#canvaslist{list-style:none;overflow:auto;margin:0;padding:0;border:1pxsolidred;zoom:1;white-space:nowrap;width...
div字体加粗
字体加粗font-weight属性设置文本的粗细。使用bold关键字可以将文本设置为粗体。关键字100~900为字体指定了9级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100对应最细的字体变形，900对应最粗的字体变形。数字400等价于normal，而700等价于bold。如果将元素...
纯css实现光标打字效果，纯CSS打字动效
效果如下：创建html页面，在body中添加以下html代码：<pclass="load-text">loading...</p>css代码：/*光标动画*/@keyframescaret{50%{border-color:transparent;}}/*文本动画：从宽度为0开始*/@keyfr...
css中border-radius
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><tit...
CSS rotate3d()实例讲解
rotation3d()函数是一个内置函数，用于在3D空间中围绕固定轴旋转元素。用法:rotate3d(x,y,z,angle)参数：该函数接受上述和以下所述的四个参数： x:它包含一个表示x坐标的数字。取值范围是0〜1。y:它包含一个表示y坐标的数字。取值范围是0〜1。z:它包含一个表示z坐标的数字。取值范...
CSS3 transition过渡属性
<ahref="http://www.51dev.com">www.51dev.com</a><!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yell...
css list style type属性怎么用
csslist-style-type属性用于设置列表项标记的类型，可以通过不同的属性值设置不同的列表项标记。所有浏览器都支持list-style-type属性。 csslist-style-type属性怎么用？list-style-type属性设置列表项标记的类型。可设置的属性值：● none：无...
css标准导航代码
1<!--例子解析：-->-->23<!--list-style-type:none-移除列表前小标志。一个导航栏并不需要列表标记-->4<!--移除浏览器的默认设置将边距和填充设置为0-->5<!--上面的例子中的代码是垂直和水平导航栏使用的标准代码。-->6&l...
margin-top是什么意思？
margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性，下面我们来简单看一下margin-top属性的用法。auto：浏览器设置的上外边距。length：定义固定的上外边距。默认值是0。%：定义基于父对象总高度的百分比上外边距。inherit：规定应该从父元素继承上...
display:none是什么意思
display:none的意思：隐藏元素并脱离文档，流就是隐藏该区域，不占实际空间，但对后台来说真实存在，可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间，也无法显示，相当于该元素不存在。<html><head><title></title>&l...
CSS盒子模型（CSS Box Model）
CSSBoxModel，即CSS盒子模型，是一个比较基础的CSS概念。所谓盒子（Div、Span等等都是盒子），其实就是容器的意思，用来填装别的东西。Content：Thecontentofthebox,wheretextandimagesappear.内容：盒子里填装的东西，比如文本、图片、表单。内容就是内容，不能再...
css怎样设置div边框的属性
border-color:#000设置4边边框颜色为黑色；border-color:+颜色值，即可设置对象边框颜色；border-left-color:#000设置左边框颜色为黑色；border-right-color:#000设置右边框颜色为黑色；border-top-color:#000设置上边框颜色为黑色；bor...
css实现div边框阴影
<styletype="text/css">.div_shadow{width:600px;height:450px;border:#9090901pxsolid;background:#fff;color:#333;-ms-filter:"progid:DXImageTransform.Microsoft...
一段css代码让弹窗在页面中居中
一段css代码让弹窗在页面中居中,在CSS文件中加入就可以了。position:fixed;top:50%;left:50%;transform:translateX(-50%)translateY(-50%);-ms-transform::translateX(-50%)translateY(-50%);-moz-t...
css去掉a超链接的下划线
去掉A链接下划线的代码a{text-decoration:none} ...
