属性 · 万能Web开发文档笔记

# 属性 - 定位 ``` <pre class="calibre14">``` position：static | relative相对定位 | absolute绝对定位 | fixed z-index:1; top:50%; left:50%; ``` ``` - 布局 ``` <pre class="calibre14">``` display：none隐藏 | inline内联 | block块元素 | inline-block内联块 float：none | left | right 不浮动左浮动右浮动 clear： left | right | both 清理浮动 visibility：visible | hidden可见/隐藏 overflow|overflow-x|overflow-y: hidden | scroll 超出部分隐藏/滚动 margin:上右下左外补白 padding:上右下左内补白 ``` ``` - 边框 ``` <pre class="calibre14">``` border:5px solid #000; dashed虚线 dotted点线 border-radius:1px 圆角 border-style:none 隐藏边框 ``` ``` - 背景 ``` <pre class="calibre14">``` background-color :#000; 默认transparent透明 background-image :url() 默认none background-repeat : repeat-x：背景图像在横向上平铺 repeat-y：背景图像在纵向上平铺 repeat：背景图像在横向和纵向平铺 no-repeat：背景图像不平铺 background-attachment: fixed：背景图像相对于窗体固定。 scroll：背景图像相对于元素固定 background-position：0% 0% 指定对象的背景图像位置。 background-origin：指定对象的背景图像显示的原点。 background-clip：指定对象的背景图像向外裁剪的区域。 background-size: auto：背景图像的真实大小。 cover：将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。 contain：将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。 ``` ``` - 字体 ``` <pre class="calibre14">``` color:rgba(0,0,0,.5);} opacity:.5; 1不透明 0透明 font-style：normal | italic 正常/斜体 font-weight：normal | bold正常/粗体 700粗体 font-size：16px font-family:helvetica,verdana,sans-serif; text-transform：none | capitalize | uppercase | lowercase 不转换/首字母/大写/小写 text-align:left | right | center text-indent:20px 缩进 line-height:22px 行高=高居中 vertical-align：baseline | sub下标 | super上标 | top | middle ``` ``` - 列表 ``` <pre class="calibre14">``` list-style-image:url() list-style-type：disc 实心圆| circle 空心圆| square实心方块 | decimal 数字 none不显示|lower-alpha小写 | upper-alpha大写 list-style-position：outside | inside 文本外/文本内 ``` ``` - 其他 ``` <pre class="calibre16">``` border-collapse：separate | collapse边框独立/合并 outline-style：none 无轮廓 cursor:pointer;鼠标 ``` ```