为了账号安全,请及时绑定邮箱和手机立即绑定
  • 圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法: border-radius: 10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
    查看全部
  • 这个功能不错啊,相当于css和html解耦了
    查看全部
  • E[att^="val"]这个val可以加引号也可以不加
    查看全部
  • 复习伪元素:after,:before的用法,content属性设置为"" 线性渐变的用法:linear-gradient(to 方向,颜色)
    查看全部
  • <!doctype html> <html> <head> <meta charset="utf-8"> <title>boxshadow</title> <style> @import url("http://www.w3cplus.com/demo/css3/base.css"); body{ background-color:#eee;} .back { display:block; background:#51938f; width:346px; margin:50px auto; } .back >li { display: inline;
    查看全部
  • [background-position][/background-size] : right bottom/50% 40%
    查看全部
  • CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”、“::after”其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用 content配合CSS的伪类或者伪元素,一般可以做以下四件事情: none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string 插入字符串
    查看全部
    0 采集 收起 来源:CSS生成内容

    2014-10-17

  • CSS3外轮廓属性 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。 outline: [outline-color] || [outline-style] || [outline-width] || [outline-offset] || inherit
    查看全部
    0 采集 收起 来源:CSS3外轮廓属性

    2014-10-17

  • 自由缩放属性resize 允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。 resize属性主要是用来改变元素尺寸大小的,增强用户体验。 resize: none | both | horizontal | vertical | inherit none用户不能拖动元素修改尺寸大小。 both用户可以拖动元素,同时修改元素的宽度和高度 horizontal用户可以拖动元素,仅可以修改元素的宽度,但不能修改元素的高度。 vertical用户可以拖动元素,仅可以修改元素的高度,但不能修改元素的宽度。 inherit继承父元素的resize属性值。
    查看全部
  • @media 媒体类型and (媒体特性){你的样式} Media Queries在其他浏览器中不要像其他CSS3属性一样在不同的浏览器中添加前缀。
    查看全部
  • 总之,要始终记住浏览器的前缀
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2014-10-17

  • 在CSS3中新增加了box-sizing属性,能够事先定义盒模型的尺寸解析方式,其语法规则如下: box-sizing: content-box | border-box | inherit
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2014-10-17

  • 跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。 none--此值为column-span的默认值,表示不跨越任何列 all--这个值跟none值刚好相反,表示的是元素跨越所有列,并定位在列的Z轴之上。 p:nth-child(2n){ -webkit-column-span:all; -moz-column-span:all; -o-column-span:all; -ms-column-span:all; column-span:all; }
    查看全部
  • 列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 例如:为了能有效区分栏目列之间的关系,可以为其设置一个列边框,代码为:column-rule: 2px dotted green
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!