摘要:
文本内所有属性必须在父级为弹性盒模型的情况下使用: 也就是父级需已设置display:flex或inline-flex 本文的属性:order、 align-self 分界线 order: 填入的值为数字: 默认值为0 排列,谁的值小谁在前面(正常都是以负数为值) align-self: 可填入的值 阅读全文
摘要:
flex-direction: flex-wrap: justify-content: align-items: align-content: flex-wrap: justify-content: align-items: align-content: display:flex; 可以填入两个值: 阅读全文
摘要:
white-space: 可填入值:pre word-break: keep-all break-word: 多列:(我们这边就说一下几个比较常用的属性,就不一一详解了哈) 报纸效果布局 column-count: cloumn-gap: column-rele: column-rule: brea 阅读全文
摘要:
文本的属性:box-sizing、overflow、resizie 分界线 IE6混杂盒模型 W3C标准下的盒模型 就是你设置的内容宽度加上padding的两边加上border的两边等于盒子的宽度 IE6混杂盒模型 box-sizing: 可填入两个值,默认值是content-box,没变化。常用b 阅读全文
摘要:
@font-face 下载外部字体包到本地,处理字体样式 我们来看是怎么用的 在我们中文的网址中实际用到的不多,因为中文的字体包都很大,所以加载速度会大大减慢。 除非字体包里面不大,用到的东西不多 说明: 设置嵌入HTML文档的字体。 需要兼容当前的主流浏览器,需同时使用TureTpe(.ttf)、 阅读全文
摘要:
text-shadow: 4个值可填:x轴、y轴、blur模糊度(外阴影)、color颜色 然后我们再来做几个小demo,看看具体怎么应用 浮雕效果: 镂刻效果: 移入移出效果 -webkit-text-strike: (只兼容谷歌内核) 字体描边效果 可填两个值:描边值、描边颜色 阅读全文
摘要:
box-shadow (外阴影) 边框加阴影,有内阴影和外阴影 关于Z轴,先设置的属性在上面,后设置的属性在下面 外阴影跟内阴影的五个值都是差不多一样的,只有第4个值外阴影是放大内阴影是缩小 我们来看一下设置的效果是什么样的。。。👇 box-shadow:inset (内阴影) 这里面的第五个值是 阅读全文
摘要:
border-radius(边框的半径) 平时我们在css2中用到border也就是设置成一个圆,或者四个角的圆润粗细,今天我们就来看看在css3的border。 border中4个角的对应是: 设置一个值跟设置四个同样的值是一样的 圆角 阅读全文
摘要:
border-image: 就是可以给border(边框)加上背景颜色可以渐变色,也可以加上图片 border-imamge-source: 需要加上slice,slice具体看下面解释 border-image-slice: (截取) slice可以添加4个值,代表4条分割线 这些用的比较少 bo 阅读全文
摘要:
background-image: background-origin: background-clip: background-attachment: 给大家举了一个例子,详情进入链接:https://www.cnblogs.com/yangpeixian/p/11198226.html back 阅读全文