社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
城堡下的诡洞
關注

關注後可及時瞭解他的動態資訊

課程筆記

  • 所屬章節課程：CSS3圓角介紹

    减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等） 背景图片会下载失败，导致视觉效果不佳。CSS3就不会发生这种情况。

    2016-11-240个赞

  • 所屬章節課程：CSS3新增背景屬性

    background-clip: border; 背景在border边框下开始显示 background-clip: padding; 背景在padding下开始显示，而不是border边框下开始 background-clip: content; 背景在内容区域下开始显示，而不是border边框下开始或padding下开始。 background-clip: no-clip; 默认属性值，类似与background-clip: border;

    2016-11-240个赞

  • 所屬章節課程：CSS3 文字效果

    text-shadow 文字阴影 text-overflow 文本溢出处理 word-wrap 长单词或URL强制换行 box-shadow 向框添加一个或多个阴影 word-break 规定自动换行的处理方法

    2016-11-240个赞

  • 所屬章節課程：CSS3 字體

    @font-face是CSS3中的一个模块，它主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体就不用再为只能使用Web安全字体烦恼

    2016-11-240个赞

  • 所屬章節課程：CSS3 3D 轉換

    rotateX()方法，围绕其在一个给定度数X轴旋转的元素。 rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。

    2016-11-240个赞

  • 所屬章節課程：CSS3 過渡屬性

    transition 简写属性，用于在一个属性中设置四个过渡属性。 transition-property 规定应用过渡的 CSS 属性的名称。 transition-duration 定义过渡效果花费的时间。默认是 0。 transition-timing-function 规定过渡效果的时间曲线。默认是 "ease"。 transition-delay 规定过渡效果何时开始。默认是 0。

    2016-11-240个赞

  • 所屬章節課程：CSS3 動畫屬性

    目前浏览器都不支持 @keyframes 规则。 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 Chrome 支持替代的 @-webkit-keyframes 规则。

    2016-11-240个赞

  • 所屬章節課程：CSS3 多列屬性

    column-count 指定元素应该被分割的列数。 column-fill 指定如何填充列 column-gap 指定列与列之间的间隙 column-rule 所有 column-rule-* 属性的简写 column-rule-color 指定两列间边框的颜色 column-rule-style 指定两列间边框的样式 column-rule-width 指定两列间边框的厚度 column-span 指定元素要跨越多少列 column-width 指定列的宽度 columns 设置 column-width 和 column-count 的简写

    2016-11-240个赞

  • 所屬章節課程：CSS 圖片

    CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、px、百分比等等

    2016-11-240个赞

  • 所屬章節課程：CSS 按鈕

    <button class="button">按钮</button> css部分 <style> .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px; } </style>

    2016-11-240个赞