慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

泡泡糖1002

CSS3文字与字体文本阴影text-shadow text-shadow可以用来设置文本的阴影效果。语法： text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；要加px！！！！ Color：是指阴影的颜色，其可以使用rgba色。

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2017-03-13
泡泡糖1002

CSS3文字与字体嵌入字体@font-face @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。比如： p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }

查看全部

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

href:"#brand"

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
三月花一世念

结构性伪类选择器-empty :empty,用来选择没有任何内容的元素，元素连空格都没有示例： p:empty { display: none; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2017-03-12
三月花一世念

这个选择器厉害了刚刚:root选择器也是伪类选择器 :not 否定选择器，能够选择除某个元素之外的所有元素！！！示例： input:not([type="submit"]){ border:1px solid red; } 试过例子之后的教训： div:not([id="footer"]){} 要注意div与:not之间不能有空格！

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
三月花一世念

:root选择器，根选择器，在html文件中，根元素永远是<html> :root{background:orange} => html {background:orange;} 在IE９以下还可以借助“:root”实现hack功能

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
三月花一世念

以下正好作为笔记： a[class^=column]{ background:red; } a[href$=doc]{ background:green; } a[title*=box]{ background:blue; } 从这个例子来说，匹配元素都是a，第一个选择器，class类名的前几个字符都是column，所以我们就可以用a[class^=colomn]作为属性选择器；第二个选择器，href的后缀文件格式都是.doc，我们就可以用a[href$=doc]作为属性选择器；第三个选择器，title部分相同的字符串之后box，但是分布不均匀，我们可以用a[title*=box]作为属性选择器。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2017-03-12
三月花一世念

box-shadow: 0px 4px #b64b41; 0px表示在x方向上不做shadow处理伪元素：具体可参照以下的网址： http://www.w3school.com.cn/css/css_pseudo_elements.asp 语法 selector:pseudo-element {property:value;}

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-03-12
三月花一世念

差点理解错了 background-size背景图片的大小语法：background-size: auto|长度值|百分比|cover|contain 这些都是或的

查看全部

0 采集收起来源：CSS3背景 background-size
2017-03-12
三月花一世念

background-clip 裁剪背景图片，可以通过border-box|padding-box|content-box进行裁剪，no-clip表示不裁剪，默认值是border-box

查看全部

0 采集收起来源：CSS3背景 background-clip
2017-03-12
三月花一世念

做题之后的笔记：背景图的起始位置有三个，一个边框 border-box, 一个内边距 padding-box，还有一个是内容区域 content-box 语法：background-origin: border-box|padding-box|content-box 注意，在url链接完背景图之后，需要设置no-repeat，如果没有这个属性，会从边框开始。

查看全部

0 采集收起来源：CSS3背景 background-origin
2017-03-12
世界上最蠢萌的兔子

background-origin ： border-box | padding-box | content-box; 如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2017-03-12
三月花一世念

试过之后的笔记：文本阴影和边框阴影有点类似，有x，y，blur值，另外再加个颜色值。示例text-shadow: 0 1px 1px #fff 0 1px 分别表示阴影x y的偏移值 1px是blur值，其值越大，阴影越模糊

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2017-03-12
世界上最蠢萌的兔子

text-shadow: X-Offset Y-Offset blur color;

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2017-03-12
世界上最蠢萌的兔子

实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2017-03-12

首页上一页 291 292 293 294 295 296 297 下一页尾页

0/150

提交

取消

开始学习

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

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