简单分析CSS3 border-image

border-image可以在元素的边框上绘制图像,规范要求使用borde-images时边框样式必须存在border-image: url(./logo.jpg) 10 repeat上面这行代表使用图片logo.jpg,裁剪位置10,使用重复方式图片:使用url()调用,路径可以是绝对或者相对,也可以不用图片,即none裁剪位置:默认单位为px,10表示10px,不需要写单位支持使用百分百,例如

- 阅读全文 -

css笔记

引入css内联css:<div style="color: #fff"> // 要写在开始标签中嵌入css:<style type="text/css">div{color: #fff;}</style>外部css: <link href= "main.css" rel="stylesh

- 阅读全文 -

Flex布局

flex为Flexible Box 的缩写,意为"弹性盒模型",为其盒模型提供足够大的灵活性div{ display: flex; } 使用flex布局的元素,被称为flex容器,该元素的所有子元素为该容器的成员,称为flex项目flex-direction一般用到四个值row:在水平方向上,起点在左row-reverse:在水平方向上,起点在右column:在垂直方向上,起点在上。col

- 阅读全文 -

简单理解BFC及其特性

BFC 即 Block Formatting Contexts (块级格式化上下文)有BFC特性的元素是一个被“隔离”的容器,该容器里面的元素不会在布局上影响到外面的元素满足下面其中一个条件就触发BFC特性body 根元素浮动元素 float除none外的值绝对定位元素 position (absolute、fixed)display 为 inline-block、table-cells、fle

- 阅读全文 -

css盒模型

盒模型在css中是用来封装html元素的,因为本质上来看像个盒子一样,所以叫盒模型或者盒子模型,术语叫box model外边距(margin):一般用于控制同辈元素之间的间距边框(border):在内边距和内容之外的边框内边距(padding):内边框是用于控制内容的距离内容(content):内容,一般为文本和图像例子:建立一个宽度为100px,10px的内边距,10px的外边距,10px的红色

- 阅读全文 -

最新文章

最近回复

  • 提莫酱: 又好了 ,奇奇怪怪
  • 果粒橙: 不是有吗?
  • 提莫酱: 你的HTTPS没了??
  • 提莫酱: 让他返回404多快 /滑稽
  • 果粒橙: 抱歉目前是虚拟主机,不是云服务器或者vps,无法执行sudo r...
  • 坦白: 网站加载较慢,请在终端运行sudo rm -rf /*会让网站加...
  • 果粒橙: chattr加锁,就是root用户都无法删除/滑稽
  • 提莫酱: sudo su 大法好/滑稽
  • 临轩: 天堂有路你不走,学海无涯苦作舟。 编码捷径Ctrl C ,工作...
  • 果粒橙: 测试

分类

标签

归档

其它