慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

527925921

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

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-10-20
527925921

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

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-10-20
西域码农

结构性伪类选择器—target :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-10-20
西域码农

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

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-10-20
西西不小心

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-10-20
西西不小心

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

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-10-20
西西不小心

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

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2015-10-20
西西不小心

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

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-10-19
527925921

不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-10-19
527925921

需要在表单元素的HTML中设置“disabled”属性。

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2015-10-19
前端_小菜鸟

-webkit-column-gap:2em; -moz-column-gap:2em; -o-column-gap:2em; -ms-column-gap:2em; column-gap:2em; 1em =16px

查看全部

0 采集收起来源：CSS3 列间距column-gap
2015-10-19
前端_小菜鸟

.columns { padding: 5px; border: 1px solid green; width: 600px; margin: 20px auto; -webkit-column-count:2; -moz-column-count:2; -o-column-count:2; -ms-column-count:2; column-count:2; }

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2015-10-19
游侠骑士

结构性伪类选择器--empty p:empty{}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-10-19
游侠骑士

结构性伪类选择器---not div:not([id="footer"])

查看全部

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

Responsive设计——不同设备的分辨率设置下面我们一起来看看CSS3 Meida Queries在标准设备上的运用： 1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏 @media screen and (max-width : 640px) { /* 样式*/ } 4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式 */ } 6.iPhone 和 Smartphones @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式 */ } 现在有关于这方面的运用也是相当的成熟，twitter的Bootstrap第二版本中就加上了这方面的运用： @media (max-width: 480px) { } @media (max-width: 768px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (min-width: 1200px) { }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2015-10-19

首页上一页 727 728 729 730 731 732 733 下一页尾页

0/150

提交

取消

开始学习

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

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