慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

ybdt1201

<!doctype html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS3-Demo</title> <style> div[class="a"]{ margin: 50px 0px; height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } div[class="b"]{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ } div[class="c"]{ margin: 20px 0px 20px 0px; height: 100px; width: 50px; background-color: #000099; border-radius: 50px 0px 0px 50px; } </style> </head> <body> <div class="a"> </div> <div class="b"> </div> <br> <button ></button> <div class="c"></div> </body> </html>

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2018-03-22
Melisenda

animation-direction 值是 "alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2018-03-22
暴走大熊

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果; ease-in 规定以慢速开始的过渡效果; ease-out 规定以慢速结束的过渡效果; ease-in-out 规定以慢速开始和结束的过渡效果

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-06-05
郑宇轩shine

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);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-06-04
Melisenda

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置。 transform: matrix(水平缩放，垂直扭曲，水平扭曲，垂直缩放，水平偏移，垂直偏移）。

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-06-04
暴走大熊

:checked选择器改变默认样式的check-box 用透明的input覆盖上面并透明，再覆盖一层需要的被选择样式，当被选择时用：check选择器设置该被选择样式不透明

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2016-06-04
暴走大熊

::selection选择器用来匹配选择的文本并设置样式

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-06-04
qq_结局都一样何必重来_03427534

yyy

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-06-04
qq_桀寳星_03357075

:root 改变htmlde yangzi

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2016-06-04
qq_桀寳星_03357075

/*使用伪元素制作导航列表项分隔线*/ .nav li::after{ content:' '; position:absolute; top:15px; right:1px; width:1px; height:20px; background:linear-gradient(to top,#f65f57,#000 50% ,#f65f57); }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-06-04
qq_桀寳星_03357075

/*删除第一项和最后一项导航分隔线*/ .nav li:last-child::after{ width:0; height:0; background:none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-06-04
qq_桀寳星_03357075

bangckground渐变的写法：background：linear-gradient(to top,#000,#000 50%,#000) 颜色后面跟百分数表示透明度 =rgba（0,0,0,0.5）

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-06-04
暴走大熊

:target目标选择器 #brand和id=brand对应，点击#brand的标签使得id=brand的标签有如下显示内容 css：#band：traget{}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2016-06-04
人生还有多少个二十年

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

查看全部

0 采集收起来源：Responsive布局技巧
2016-06-04
_莫忘初衷_

@media方法 @media是CSS3中新引进的一个特性，被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。（1）在样式文件中引用媒体类型： @media screen { 选择器{/*你的样式代码写在这里…*/} } （2）使用@media引入媒体类型的方式是在<head>标签中的<style>中引用。 <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>

查看全部

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

首页上一页 506 507 508 509 510 511 512 下一页尾页

0/150

提交

取消

开始学习

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

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