240 投稿
CSS3探索
收录了13篇文章 · 1人关注
  • Resize,w 360,h 240
    CSS盒子模型

    Time: 20200205 依据盒模型，如果我们在单个元素上，想浮动标记一下虚框，则可用margin来做。 在中心是内容元素，注意在borde...

    钢笔先生 3 0
  • Resize,w 360,h 240
    绘制太极图

    Time: 20200131 用圆形组合 这么一拆解就很清晰了。 HTML CSS 显示效果： END.

    钢笔先生 0 0
  • Resize,w 360,h 240
    心形和蛋形

    Time: 20200131 图形拆解： 需要画出半圆形和长方形的组合。 然后再旋转。 会用到border-radius. 心形 HTML CS...

    钢笔先生 0 0
  • Resize,w 360,h 240
    绘制五边形和六边形

    Time: 20200131 绘制图形的套路就是，先拆分，然后再画基本的元素，考虑如何用旋转，变形完成。 最基础的就是如何绘制三角形，这也是相对...

    0.1 钢笔先生 0 1
  • Resize,w 360,h 240
    绘制五角星和六角星

    Time: 20200131 五角星 HTML CSS 六角星 这个画起来就更容易，是两个三角形的组合，一个向上，一个向下。 HTML CSS ...

    钢笔先生 0 0
  • Resize,w 360,h 240
    绘制菱形和四边形

    Time: 20200131 菱形 HTML CSS 效果： 重点是：transform的使用，以及针对不同浏览器加前缀。 四边形 用的是ske...

    钢笔先生 0 0
  • 绘制对话框

    Time: 20200131 三角形的绘制 HTML CSS样式 对话框的绘制 HTML CSS样式 显示效果 END.

    钢笔先生 0 0
  • Resize,w 360,h 240
    border-radius画圆

    Time: 20200131 维护工作量变小 性能提升 页面更美观 先绘制正方形 显示效果： 圆形 只需要加一行： 这样就变成了圆形。 分别设置...

    钢笔先生 0 0
  • Resize,w 360,h 240
    伪元素

    Time: 20200131 用于向某些选择器添加特殊效果。 伪元素的类型 :first-letter :first-line :before ...

    0.1 钢笔先生 0 1
  • 伪元素选择器

    Time: 20200131 动态伪类选择器 通过标签后加不同的动作过滤，会为相应的动作添加渲染效果。 其中： a:link 表示啥也不做时候的...

    钢笔先生 0 0

专题公告

关于CSS样式的学习笔记。