博客专栏  >  前端   >  css学习

css学习

记录学习css相关知识

关注
1 已关注
22篇博文
  • CSS学习(二十二)-flexbox模型之三

    一、理论: 1.flex-line-pack 堆栈伸缩行 a.使用与flex-pack 相同 b.增加stretch start/end/center/justify(平均分布)/distrib...

    2016-03-31 00:58
    601
  • CSS学习(二十一)-flexbox模型之二

    一、理论: 1.flex-flow a.flex-direction 设置伸缩容器的伸缩流方向 b.flex-wrap 设置伸缩容器中的伸缩项目在伸缩容器无足够空间时,伸缩项目在伸缩容器中是否换行排列...

    2016-03-29 00:59
    946
  • CSS学习(二十)-flexbox模型

    一、理论: 1.混合版本flexbox模型 a.display  1)flexbox 设置元素为块级容器 2)inline-flexbox 设置元素为内联块伸缩容器 b.display容器的...

    2016-03-26 23:09
    1200
  • CSS学习(十九)-CSS伸缩布局盒

    一、理论: 1.flexbox模型基础知识 a.flexbox布局方向不可预知 b.屏幕和浏览器窗口大小发生改变可以灵活调整布局 c.指定伸缩项目可以按主轴或者侧轴按比例分配额外空间 d.指...

    2016-03-20 23:58
    2426
  • CSS学习(十八)-滚动条、拖动元素、轮廓线

    一、理论: 1.overflow-x/overflow-y a.visible 默认值,不添加滚动条 b.auto 添加滚动条 c.hidden 内容溢出容器时,所有内容都将隐藏,不显示滚动条 d.s...

    2016-03-19 00:18
    1939
  • CSS学习(十七)-盒模型

    一、理论: 1.CSS盒模型 a.外盒尺寸计算--高度 element空间高度=内容高度+内距+边框+边距 b.外盒尺寸计算--宽度 element空间宽度=内容宽度+内距+边框+外距 c.内盒尺寸计...

    2016-03-18 00:59
    1218
  • CSS学习(十六)-HSLA颜色模式

    一、理论: 1.HSLA颜色模式 a.HSLA在HSL基础上增加了不透明度,值越大透明度越低 b.HSLA颜色模式的浏览器兼容性和HSL一样,只有较新版本的主流浏览器才支持 2.RGBA和HSLA颜色...

    2016-03-16 23:16
    832
  • CSS学习(十五)-CSS颜色模式、CSS颜色透明度

    一、理论: 1.CSS3颜色模式 a.RGBA颜色模式,在RGB基础上加了控制alpha透明度的参数 b.HSL颜色模式:色调 饱和度 亮度 c.HSLA颜色模式:A值取于0-1之间,值越大,...

    2016-03-16 00:38
    1813
  • CSS学习(十四)-CSS颜色之一

    一、理论: 1.RGB色彩模式  a.CMYK色彩模式  b.索引色彩模式 (主要用于web) c.灰度模式  d.双色调模式 2.opacity: a.alphavalue:透明度 b.inheri...

    2016-03-14 22:18
    633
  • CSS学习(十三)-文本换行符技巧

    一、理论: 1.word-wrap 用来断词而不是断字符 2.word-break: a.break-all 可以允许非中文断开 b.keep-all 在中文里不允许字断开 2.white-...

    2016-03-12 23:08
    1447
  • CSS学习(十二)-文本换行符

    一、理论: 1.word-wrap: a.normal 在半角空格或连字符的地方进行换行 b.break-word 不截断英文单词换行 2.word-break: a.normal 中文到边界上的汉字...

    2016-03-12 00:56
    1416
  • CSS学习(十一)-CSS文本溢出

    一、理论: 1.text-overflow  a.clip 不显示省略标记 b.ellipsis 显示省略标记 二、实践: 1. Title ...

    2016-03-11 00:06
    1435
  • CSS学习(十)-CSS字体、CSS字体阴影

    一、理论: 1.css字体类型 a.font-family 字体类型 b.font-style 字体样式 c.font-weight 粗细,可设置数字 d.font-size-adjust ...

    2016-03-09 23:06
    1282
  • CSS学习(九)-CSS背景

    一、理论: 1.background-break  a.bounding-box 背景图像在整个内联元素中进行平铺 b.each-box 背景图像在行内中进行平铺 c.continuous 下...

    2016-03-07 23:56
    1224
  • CSS学习(八)-background-origin、background-clip

    一、理论: 1.css背景属性简介: a.background-color 背景颜色 b.background-image 背景图片 c.background-repeat 铺放格式 d.b...

    2016-03-06 18:32
    678
  • CSS学习(七)-边框阴影效果(下)

    一、理论: 1.阴影层级:边框>内阴影>背景图片>背景色>外阴影 2.多层阴影:每层之间用逗号隔开 3.box-shadow兼容性: a.在现代浏览器新版本无须加前缀,但旧版本需要加 b.i...

    2016-03-06 01:26
    606
  • CSS学习(六)-css圆角边框高级效果、边框阴影效果(上)

    一、理论: 1.border-radius: a.表格应用圆角:表格必须使用border-collapse属性为separate,表格圆角才能正常显示 b.圆形:元素的宽度和高度相同,圆角的半径...

    2016-03-04 01:05
    1441
  • CSS学习(五)-css圆角边框

    一、理论: 1.border-radius:左上\右上\右下\左下 2.border-radius:圆角水平半径/圆角垂直半径 3.在img上应用border-radius在webkit内核浏览器上不...

    2016-03-03 01:16
    463
  • CSS学习(四)-css边框样式(下)

    一、理论: 1.注意制作边框的图片的高与宽 2.边框宽度配合到位 3.切割边框背景图片合理 二、实践: 1. Title .border-...

    2016-03-02 00:28
    478
  • CSS学习(三)-css边框样式(上)

    一、理论: 1.css边框简介 a.border-width 设置粗细 b.border-color 设置颜色 c.border-style 设置类型 d.以上都遵守TRBL原则,例:bor...

    2016-02-29 23:06
    420

mysql学习
2629625
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部