慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

雨安

注意： 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 2、Firefox 支持替代的 ::-moz-selection。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2017-02-01
雨安

CSS3选择器 ::selection选择器 “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2017-02-01
weibo_爱五人的美好_0

前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2017-02-01
慕粉2250124430

怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。

查看全部

0 采集收起来源：Responsive布局技巧
2017-02-01
慕九州7228675

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-02-01
慕粉4232145

background-color:rgb(255,255,255); alpha:0.5; filter:alpha(opacity=50);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2017-02-01
xiaobin90

CSS生成内容可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现; <a href="##" title="我插在你的后面">我是元素</a> a:after { content:attr(title); color:#f00; } content配合CSS的伪类或者伪元素，一般可以做以下四件事情： none不生成任何内容 attr插入标签属性值 url使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string插入字符串

查看全部

0 采集收起来源：CSS生成内容
2018-03-22
xiaobin90

outline: ［outline-color］ || [outline-style]none || [outline-width]; outline-offset: 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。

查看全部

0 采集收起来源：CSS3外轮廓属性
2017-01-31
xiaobin90

resize 改变元素的大小 none用户不能拖动元素修改尺寸大小 both用户可以拖动元素，同时修改元素的宽度和高度 horizontal用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度 vertical用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度 inherit继承父元素的resize属性值 textarea { -webkit-resize: horizontal; -moz-resize: horizontal; -o-resize: horizontal; -ms-resize: horizontal; resize: horizontal; }

查看全部

0 采集收起来源：自由缩放属性resize
2017-01-31
xiaobin90

在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2017-01-31
xiaobin90

<linkrel="stylesheet" media="only screen and (max-device-width:240px)" href="android240.css" /> 1. 最大宽度max-width 2.最小宽度min-width 3.多个媒体特性使用 4.设备屏幕的输出宽度Device Width 5. not关键词 6.only关键词

查看全部

0 采集收起来源：Media Queries使用方法
2018-03-22
xiaobin90

媒体类型的引用方法 <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> @importurl(reset.css) screen; @media screen { 选择器{/*你的样式代码写在这里…*/} }

查看全部

0 采集收起来源：media queries——媒体类型（二）
2018-03-22
依然HENG

:selection Firefox 支持替代的 ::-moz-selection

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2017-01-31
慕九州7228675

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .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
xiaobin90

display: -webkit-flex; display: flex; -webkit-flex-direction: row | column; flex-direction: row; -webkit-align-items: center | flex-start | flex-end; align-items: center; 垂直方向 -webkit-justify-content: center; 水平方向 justify-content: center;

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2017-01-30

首页上一页 324 325 326 327 328 329 330 下一页尾页

0/150

提交

取消

开始学习

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

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