你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

学习笔记2

2021-11-19 19:49:04

背景样式与视觉差的实现

  • 背景色:backgroung-color:颜色描述;
  • 背景图:background-image:url();
  • 平铺方式:background-repeat:repeat x-repeat y-repeat no-repeat;
  • 背景位置:background-position x leftcenter right y top center bottom;
  • 背景图随滚动条移动的方式:background-attachment:scroll

边框样式

  • boder-style: solid dashed dotted;
  • boder-width:
  • boder-color:transparnt(透明度)

文字样式

  • 字体样式font-family:“Arial”“simsum”
  • font-size:16px xx-small small medium large x-large
  • font-weight: normal(400) bold(700) 100-900
  • font-style: normal italic

段落样式

  • text-decoration:文本装饰 underline line
  • through overline none
  • text-transform: uppercase (文本大写)
  • lowercase capitalize (首字母大写)
  • text-indent:12em 1em=字体大小
  • text-align:justify (两端点对齐)
  • line-height: number(px)
  • letter-spacing
  • word-spacing

复合样式

  • background:red url() repeat;
  • font:weight style size family;

css选择器

  • ID选择器:ID——唯一 html id=“elem” css #elem{}
  • CLASS选择器:class————复用 html class=“elem” css elem{}
  • TAG标签选择器:去默认格式&&在复杂的选择器中
  • 群组选择器:
  • 通配选择器:*{}
  • 层次选择器:M_N{} M下属所有N M>N{} M下一层的所有N M~{} M当前层级所有N M+N{} M当前层级下一行的N
  • 属性选择器:
  • 伪类选择器:
  • 结构性类选择器: