04 2018 档案

CSS-text-intent
摘要：text-indent：[ <length> | <percentage> ] && hanging? && each-line? 默认值：0 适用于：块容器 继承性：有 动画性：当使用值为非关键字时 计算值：指定值 text-indent：[ <length> | <percentage> ] & 阅读全文
posted @ 2018-04-21 15:25 FromScratch 阅读(685) 评论(0) 推荐(0)
CSS-lineheight
摘要：.test div{width:300px;margin:15px 0;border:1px solid #000;}.test p{margin:0;font-size:30px;}.fixed div{line-height:20px;}.percentage div{line-height:1 阅读全文
posted @ 2018-04-21 14:39 FromScratch 阅读(135) 评论(0) 推荐(0)
CSS-fontface
摘要：@font-face { font-family: <identifier>; src: <fontsrc> [, <fontsrc>]*; <font>; } <fontsrc> = <url> [format(<string>)] @font-face { font-family: <ident 阅读全文
posted @ 2018-04-21 12:53 FromScratch 阅读(189) 评论(0) 推荐(0)
CSS-font
摘要：font：[ [ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [ / <' line-height '> ]? <' font-family '> ] | caption | icon 阅读全文
posted @ 2018-04-21 12:43 FromScratch 阅读(146) 评论(0) 推荐(0)
CSS-background
摘要：<length>：用长度值指定背景图像大小。不允许负值。<percentage>：用百分比指定背景图像大小。不允许负值。auto：背景图像的真实大小。cover：将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。contain：将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始 阅读全文
posted @ 2018-04-21 12:10 FromScratch 阅读(97) 评论(0) 推荐(0)
CSS-padding
摘要：检索或设置对象四边的内部边距。 如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 如果只提供一个，将用于全部的四边。 如果提供两个，第一个用于上、下，第二个用于左、右。 如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 非替代(non-Replaced)行内元素可以使用该属性 阅读全文
posted @ 2018-04-21 11:21 FromScratch 阅读(119) 评论(0) 推荐(0)
CSS-margin
摘要：检索或设置对象四边的外延边距。 如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 如果只提供一个，将用于全部的四边。 如果提供两个，第一个用于上、下，第二个用于左、右。 如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 非替代(non-Replaced)行内元素可以使用该属性 阅读全文
posted @ 2018-04-21 11:19 FromScratch 阅读(148) 评论(0) 推荐(0)
CSS-Width
摘要：检索或设置对象的宽度。 对于img对象来说，仅指定此属性，其height值将根据图片源尺寸等比例缩放。 高度类似 阅读全文
posted @ 2018-04-21 11:06 FromScratch 阅读(120) 评论(0) 推荐(0)
块元素和内联元素
摘要：块元素与内联元素 HTML里几乎所有元素都属于内联元素或者块元素中的一种,下面先了解一下block、inline各自的特点： block元素的特点： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度。 例如：<div>, <p>, <h1>, < 阅读全文
posted @ 2018-04-20 15:58 FromScratch 阅读(334) 评论(0) 推荐(0)
CSS-Position
摘要：.test1 { color:white; height: 50px; line-height: 50px; background:black; } .test2 { 在文档流浮动起来,块级自动沾满行取消，宽度自适应内容，视同行内块元素，紧跟着兄弟元素，相对位置不变，后面的元素会前移动 positi 阅读全文
posted @ 2018-04-20 14:45 FromScratch 阅读(120) 评论(0) 推荐(0)