CSS-2

作者: __曼珠沙华 | 来源:发表于2017-07-27 23:39 被阅读0次

css的背景属性

background可以统一设置 :(color/image/repeat/position)

background-color:设置背景色

background-image:设置背景图片

background-repeat:背景图片的平铺方式  repeat(默认)/repeat-x/repeat-y/no-repeta

background-position:背景图片定位  left-center/right/长度单位 top/center/bottom/长度单位

background-attachment:背景图片固定或滚动  scroll(默认)/fixed

CSS文本属性

letter-spacing:字母间距 (默认0px)

word-spacing:单词间距(默认0px)

text-decroation:文字修饰 (underline/overline/line-through/none)

text-align:横向排列(left/right/center)

vertaic-align:垂直对齐方式(垂直对齐(基于文字的基线)  baseline/bottom/top/middle/sub/super/text-top/text-bottom/百分比)

text-indent:文本缩进 2em(2个字节) 

line-height:行高  长度单位  设置行高=高 使一行文字垂直居中

CSS边框属性

border:边框宽度 边框样式 边框颜色

border-style:边框风格(solid实线/dotted点线/dashed虚线/double双实线)

border-color:

border:边框线的宽度 长度单位

CSS鼠标光标属性

cursor:   值  default/pointer/move/crosshair/text/wait

CSS列表属性

list-style-type:  列表项的图形  disc/circle/square/decimal/lower-roman/upper-roman ....

list-style-postion:   列表项图形的位置  outside/inside

list-style-iamge :   自定义列表图形  url

最常见的设置:  list-style:none

 CSS表格属性

table-layout:   表格布局方式  auto/fixed

border-collapse:  合并单元格边框  separate/collapse

border-spacing:  单元格间距  长度单位

caption-side :    表格标题位置  top/bottom

empty-cells:     没有内容的单元格是否隐藏    show/hide

CSS sprites css精灵图

DIV+CSS布局

行内元素和块状元素呢

块状元素独占一行, 行内元素可以共用一行

默认宽度:  块状元素默认宽度由父元素决定  行内元素默认宽度右内容决定

块状元素可以设置宽高, 行内元素不可以设置宽高

大部分块状元素内部可以嵌套块状或行内, 大部分行内只能嵌套行内

外边距,块状没问题,行内只能设置左右

相关文章

  • CSS-2

    本文为作者学习时所记自用笔记, 有很多不足,有错的地方烦请指出,图片来自360前端讲师课件,禁止转载。 块级元素与...

  • CSS-2

    css的背景属性 background可以统一设置 :(color/image/repeat/position) ...

  • CSS-2

    继续上一节的CSS基础后,我们来看CSS的一些高级设置。 CSS盒子模型 1、盒子模型之边框 注意:复合样式顺序为...

  • CSS-2

    1.复合选择器 2.emmet语法 3.背景色 背景图片 背景平铺 背景位置 背景相关属性连写 4.元素显...

  • 精通CSS-2 笔记

    2.1 常用选择器 最常用的选择器类型是类型选择器和后代选择器.类型选择器用来寻找特定的元素,比如段落或标题元素,...

网友评论

      本文标题:CSS-2

      本文链接:https://www.haomeiwen.com/subject/mqgtlxtx.html