清除默认样式2018-09-181.淘宝网body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,text…
css中用list-style-type指定列表(lists)前面符号,如下:li{list-style-type:符号名称}符号名称可用的值为:disc:CSS1实心圆circle:CSS1空心圆square:CSS1实心方块decima…
案例1.box{width:100px;height:100px;border:10pxsolid#ddd;border-image:-webkit-linear-gradient(#ddd,#000)3030;border-image:-…
<divclass="parent"><divclass="item">居中</div></div>方式一:使用transform.item{position:relative;top:50%…
常用的CSS属性命名字体:font-family;文字大小:font-size;文字或元素颜色:color;背景颜色:background-color;背景图像:background-image;列表样式:list;鼠标样式:cursor;…
横向:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&…
每次滚动到元素时,都显示加载动画,如何添加?元素添加初始参数以上图中的动画为例,添加俩个左右容器,将内容放置在容器内部。添加初始数据,默认透明度0、左右分别移动100px。//左侧容器.item-leftContainer{opacity:…
标签和属性对照CSS语法(不区分大小写)JavaScript语法(区分大小写)盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照CSS语法(不区分大小写)JavaScript语法(区分大小写…
在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯css来实现一个根据鼠标移动位置觉得物体移动方向的DEMO。给出的初始结构如下:<style>body{padding:2em;text-ali…
IEcsshack汇总汇总下IE各版本的csshackhack示例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)IE9(S)IE9(Q)**colorYYYYNYNY++colorYYYYNYNY--colorYY…
块级元素:width宽和height高有效。内联元素:width宽和height高无效。none:设置对象不浮动left:设置对象浮在左边right:设置对象浮在右边2.clear:该属性的值指出了不允许有浮动对象的边。none:允许两边都…
<divclass="page"><divclass="header"><div></div></div>css.header{border-bottom:1pxsolid#ccc…
<title>CSS文章列表</title><styletype="text/css">*{margin:0;padding:0;list-style-type:none;}a,img{border:0;…
HTML<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>背景图片拉伸铺满页面</title><link…
一、基础选择器1、标签(元素)选择器就是通过标签名选择元素h4{color:blue;}2、类(class)选择器通过样式类选择元素css中用.来标识类熟练运用类选择器很重要,提炼出共有的部分作为一类.类名{color:gray;}3、id…