2019-05-23 css3样式

css3

复习:
css3属性选择器:

         p[class]     选取带有某个属性的元素
         p[id=b]      选取的是带有某个属性的元素,属性值为val  
         p[class^=box]选取的是以带有某个属性值开头的元素
         p[class$=box] 选取的是以带有某个属性值结尾的元素
         p[class*=box] 选取的是包含某个属性值的元素

** 边框阴影:**

    box-shadow:
        inset(内阴影)  5px(x轴的偏移)  7px(y轴的偏移) 模糊半径 扩展半径 color(颜色);

渐变:
> 线性渐变 径向渐变 重复渐变

  1. 线性渐变 :
   background-image:
       linear-gradient(方向);
       方向:
           to  top  向上
           to bottom   向下
           to left 向左
           to right 向右

` 2. 径向渐变:

          radial-gradient(x y,color1,color2);
          angle:圆心   x   y
  1. 重复渐变:
          repeat
         重复线性渐变
         repeating-linear-gradient
         重复径向渐变
         repeating-radial-gradient
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,656评论 0 7
  • 欢迎访问我的博客https://qqqww.com/,祝所有码农同胞们早日走上人生巅峰,迎娶白富美~~ 详细请移步...
    这里王工头阅读 1,613评论 0 16
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,627评论 1 13
  • CSS3 模块 CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。一些最重要CSS3模块如下: 选择器 ...
    小挠许阅读 265评论 0 0
  • 因为近期项目没有压力,主要工作就是一些涉及功能增删相关的界面的小工作,修修补补,搞个图标之类,设计师小伙伴们都懂的...
    泱泱悲秋阅读 5,130评论 1 27