慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

元歌

属性值属性值说明 outline-color 定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，可以将此参数省略，省略时此参数的默认值为黑色。 outline-style 定义轮廓线的样式，属性为CSS中定义线的样式。在实际应用中，可以将此参数省略，省略时此参数的默认值为none，省略后不对该轮廓线进行任何绘制。 outline-width 定义轮廓线的宽度，属性值可以为一个宽度值。在实际应用中，可以将此参数省略，省略时此参数的默认值为medium，表示绘制中等宽度的轮廓线。 outline-offset 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。

查看全部

0 采集收起来源：CSS3外轮廓属性
2016-10-13
元歌

现在有关于这方面的运用也是相当的成熟，twitter的Bootstrap第二版本中就加上了这方面的运用。大家可以对比一下： @media (max-width: 480px) { ... } @media (max-width: 768px) { ... } @media (min-width: 768px) and (max-width: 980px) { ... } @media (min-width: 1200px) { .. }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2016-10-13
露露_0006

:first-of-type 与 :first-child 的区别

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2016-10-13
露露_0006

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

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2016-10-13
露露_0006

css里面很多时候不能乱加空格，加空格表示并列。这里的情况加了空格就不匹配li了，作用类似 ul[空格]li，表并列，即ul的li与ul的firstchild应用你的样式

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2016-10-13
露露_0006

:target 目标选择器，用来匹配文档（页面）的url 的某个标志符的目标元素 eg： href＝＃idName 元素 id：＃idName 当选中后，通过：target就会出现相应的状态 <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> ＊＊＊＊＊＊＊＊＊＊＊＊＊ .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; }

查看全部

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

选择器写法上要注意:号前紧跟元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-10-13
露露_0006

属性选择器 E[att^="val"]{} 首字母 E[att$="val"] 结束字母 E[att*="val"] 统配包含 <style type="text/css"> a[class^=column]{ background:red; } a[href$=doc]{ background:green; } a[title*=box]{ background:blue; } </style>

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
元歌

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

查看全部

0 采集收起来源：Responsive布局技巧
2016-10-13
露露_0006

参考别人的代码伪类的选择作用，值得参考 .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:15px; width:1px; background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ height:0px; width:0px; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
露露_0006

background-size: auto | <长度值> | <百分比> | cover | contain 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
露露_0006

background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-10-13
露露_0006

background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 code: background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; background-origin: border-box;

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-10-13
慕仰5179415

border-radius：100%是以该元素的width、height画椭圆或圆动画方式：-webkit-transition-function

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-10-13
元歌

代码记录

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-10-13

首页上一页 389 390 391 392 393 394 395 下一页尾页

0/150

提交

取消

开始学习

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

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