慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

wwweb

box-shadow 阴影 text-shadow 文本阴影

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-07-05
wwweb

multiple backgrounds 多重背景，语法缩写如下： background ： [background-color] [background-image] [background-position][/background-size] [background-repeat] [background-attachment] [background-clip] [background-origin],... 可以把上面的缩写拆解成以下形式： background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意：用逗号隔开每组 background 的缩写值；如果有 size 值，需要紧跟 position 并且用 "/" 隔开；

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
hxx__326

.wrapper >p:first-of-type { /*将第一个元素设置为橙色的背景*/ background: orange; } .wrapper>p:nth-last-child(3){ /*将倒数第三个设置为红色*/ background:red; } .wrapper>p:nth-of-type(2n){ background:purple; /*段落p的偶数位元素*/ } .wrapper>div:last-child{ background:yellow; /*子元素为div的最后一个*/ } 很据不同的元素需要的情况运用不同的方式添加css样式

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
hxx__326

a[class^=icon]{ /*class以icon开头的*/ background: green; color:#fff; } a[href$=pdf]{ /*链接的href以pdf结尾*/ background: orange; color: #fff; } a[title*=more]{ /*包含more或者其他更多的内容*/ background: blue; color: #fff; } 选择器的分类：类选择器 class id 属性选择器标签选择器

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
hxx__326

/*删除第一项和最后一项导航分隔线*/ li:nth-of-type(1):after{ display:none; } li:last-of-type:after{ display:none; } /*使用伪元素制作导航列表项分隔线*/ li:after{ content:''; position:absolute; top:20px; right:0; display:inline-block; width:1px; height:14px; background:rgba(0,0,0,0.2); }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
xiadesign

变形旋转：transform:rotate(?deg)

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-07-04
xiadesign

@font-face{ }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-07-04
xiadesign

border-image:里面不能用单位

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-07-04
wwweb

background-clip 用来将背景图片做适当的裁剪以适应实际需要。语法： background-clip ： border-box padding-box content-box no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。 backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-07-04
wwweb

background-origin 设置元素背景图片的原始起始位置。语法： background-origin ： border-box padding-box content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-07-04
xiadesign

为了更好的兼容性在写css3的时候，添加前缀谷歌浏览器：-webkit- safari浏览器:-webkit- 火狐：-moz- ie：-ms- opera:-o-

查看全部

0 采集收起来源：什么是CSS3？
2016-07-04
wwweb

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
wwweb

text-overflow:clip;表示剪切； text-overflow:ellipsis;表示显示省略标记；单行文本省略： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;/*单行显示*/ word-wrap; normal;表示控制连续文本换行。 word-wrap; braek-word;表示内容将在边界内换行；

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2018-03-22
wwweb

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);可以有多个颜色变化角度用英文作用 0deg to top 由下向上 90deg to right 由左向右 180deg to bottom 由上向下 270deg to left 由右向左 to top left 右下角到左上角 to top right 左下角到右上角

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-07-04
wwweb

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; insert 写上代表内阴影不写外阴影如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-07-04

首页上一页 486 487 488 489 490 491 492 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果