慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

风清云淡wjf

结构性伪类选择器—empty :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。示例显示：比如说，你的文档中有三个段落p元素，你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-09-08
风清云淡wjf

结构性伪类选择器—not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成： form { width: 200px; margin: 20px auto; } div { margin-bottom: 20px; } input:not([type="submit"]){ border:1px solid red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
风清云淡wjf

结构性伪类选择器—root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。示例演示：通过“:root”选择器设置背景颜色 HTML代码： <div>:root选择器的演示</div> CSS代码： :root { background:orange; } 演示结果： “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
风清云淡wjf

属性选择器 a[class^=ok]{} ^是开头的意思匹配元素a，并且该a元素设置了class属性，该class属性的值是以ok开头的 img[title$=t]{} $是结尾的意思匹配元素Img，并且该img设置了title属性，title属性值是以t结尾的 div[class*=h]{} *是任意位置的意思匹配元素div，并且该div设置了class属性，该class属性任意位置有h的就行

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-09-08
艺晨光

css3颜色相关：一、颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。代码示例： background-color:rgba(100,120,60,0.5); 二、渐变色彩需要用的时候再详细了解：http://www.imooc.com/code/617

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-09-08
Lim_无从后退

圆角效果 border-radius border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */还可以用百分比或者em，但兼容性目前还不太好。实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-09-08
艺晨光

css3 为边框应用图片 border-image 先把链接记录着，日后用到再了解：http://www.imooc.com/code/383

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-09-08
初心的小屋

点击缩略图相当于点击了链接a，同时触发了a所绑定的背景图像，使背景图像显示出来，其余图片隐藏被覆盖，因此点击缩略图可以切换背景。

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-09-08
Wy372265655

.clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
Daisy31

在IE6-8中完全是不支持CSS3 Media。

查看全部

0 采集收起来源：Responsive设计——meta标签
2016-09-07
Daisy31

在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。说了这么多，怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。

查看全部

0 采集收起来源：Responsive布局技巧
2016-09-07
Daisy31

设置断点应把握三个要点：满足主要的断点；有可能的话添加一些别的断点；设置高于1024的桌面断点。

查看全部

0 采集收起来源：Responsive设计（二）
2016-09-07
突然出现的外星人3776799

::before选择器是指在指定元素之前<br> ::after选择器是指在指定元素之后通常与content连用 content是一个属性

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
突然出现的外星人3776799

:read-write 选择器和只读选择器相反是用来选择非只读状态的元素也就是没有设置readonly="readonly"属性的元素

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2018-03-22
突然出现的外星人3776799

:read-only 选择器是来选择设置了只读属性的元素，也就是设置了readonly="readonly"属性的元素只读也就是只能看，不能修改

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22

首页上一页 415 416 417 418 419 420 421 下一页尾页

0/150

提交

取消

开始学习

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

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