为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • auto 此值为column-count的默认值,表示元素只有一列,其主要依靠浏览器计算自动设置。 <integer> 此值为正整数值,主要用来定义元素的列数,取值为大于0的整数,负值无效。 column-count:4;
    查看全部
  • lqh
    ^开头$结尾*任何一个 a[=""]{}
    查看全部
  • auto 如果column-width设置值为auto或者没有显式的设置值时,元素多列的列宽将由其他属性来决定,比如前面的示例就是由列数column-count来决定。 <length> 使用固定值来设置元素列的宽度,其主要是由数值和长度单位组成,不过其值只能是正值,不能为负值。
    查看全部
  • 多列布局columns属性参数主要就两个属性参数:列宽和列数。 举例:要显示2栏显示,每栏宽度为200px,代码为: columns: 200px 2; 语法: columns:<column-width> || <column-count> 参数说明: <column-width>主要用来定义多列中每列的宽度 <column-count>主要用来定义多列中的列数
    查看全部
  • lqh
    请问错在哪里?
    查看全部
  • background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 1.用逗号隔开每组 background 的缩写值; 2.如果有 size 值,需要紧跟 position 并且用 "/" 隔开; 3.如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。 4.background-color 只能设置一个。
    查看全部
  • background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 1.用逗号隔开每组 background 的缩写值; 2.如果有 size 值,需要紧跟 position 并且用 "/" 隔开; 3.如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。 4.background-color 只能设置一个。
    查看全部
  • background-size: auto | <长度值> | <百分比> | cover | contain auto:原始大小 长度,高度设置 百分比:为div的宽高的比例值 cover:整个覆盖。 contain:按一边的贴合比例放置图片。
    查看全部
  • background-clip用来将背景图片做适当的裁剪以适应实际需要。 background-clip : border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box
    查看全部
  • background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 border-box:有border时从border开始显示,即在最边处开始显示 padding-box:有padding时,在padding的边缘显示 content-box:在内容出开始显示 背景图必须是不重复的
    查看全部
  • 为边框应用图片 border-image 语法: border-image:url(borderimg.png) 70 repeat。 round:平铺 ;repeat:重复; stretch:拉伸;
    查看全部
  • 记录一下
    查看全部
  • 自己测试的代码
    查看全部
  • border-radius:左上,右上,右下,左下;
    查看全部
  • column-gap主要用来设置列与列之间的间距,column-gap: normal || <length> column-span:none/all;所在列跨的列数; column-rule:大小 颜色 样式;列与列之间的分割线的样式 colmuns:col-width col-count;一个大的div中所分割的列的宽度和列数;
    查看全部

举报

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

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