CSS-2

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布局

行内元素和块状元素呢

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

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

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

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

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,855评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,192评论 1 4
  • 遗言当然不用说太多, 不管我是死于什么,我都原谅它。 死亡是常态啊,生命可不是。 事实上这一切存在与不存在并没有多...
    田当心阅读 1,495评论 0 0