慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

cherishs碎姑娘

多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-07-12
cherishs碎姑娘

:read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-07-12
cherishs碎姑娘

:read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-07-12
cherishs碎姑娘

::selection选择器 “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的 ::-moz-selection { background: red; color: green; }Firefox 支持替代的 ::-moz-selection。 ::selection { background: red; color: green; }IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-07-12
cherishs碎姑娘

在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-07-12
除了我都是猪

padding属性和content属性层叠background-image属性，层叠background-color属性，这个是存在的，它们四者之间构成了Ｚ轴（垂直屏幕的坐标）多重层叠关系。但是border属性与margin属性、padding属性三者之间应该是平面上的并级关系，并不能构成Ｚ轴的层叠关系。

查看全部

0 采集收起来源：CSS3 盒子模型
2015-07-12
cherishs碎姑娘

:disabled选择器 “:disabled”选择器刚好与“:enabled”选择器相反，用来选择不可用表单元素。要正常使用“:disabled”选择器，需要在表单元素的HTML中设置“disabled”属性。

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2015-07-12
cherishs碎姑娘

在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-07-12
cherishs碎姑娘

first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2015-07-12
cherishs碎姑娘

结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2015-07-12
除了我都是猪

多列布局模块（CSS Multi Column Layout Module）: 语法： columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2018-03-22
cherishs碎姑娘

结构性伪类选择器—nth-child(n)括号里面为表达式

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2015-07-12
cherishs碎姑娘

...

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2015-07-12
cherishs碎姑娘

“:first-child”选择器表示的是选择父元素的第一个子元素的元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2015-07-12
cherishs碎姑娘

结构性伪类选择器—target :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素. 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。多个url（多个target）处理：就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22

首页上一页 874 875 876 877 878 879 880 下一页尾页

0/150

提交

取消

开始学习

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

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