12-css语法

CSS简介
一概念:CSS是Cascading Style Sheets(层叠样式表)的简称
  更多的人把它称为样式表。顾名思义,它是一种能设计网页样式的工具。借助CSS的强大功能,网页将在你丰富的想象力下千变万化。实际上CSS的代码都是由一些最基本的语句构成的
  CSS可以做为 html,xhtml,xml的样式控制语言
二、CSS语法结构
  选择符{ 属性:值 }例如:body{ font-size:12px; }
  参数说明
    1、选择符(Selector):指明这组样式所要针对的对象,可以是一个XHTML标签,如body,h1;也可以是定义了的id或者class的标签,如#main选择符表示选择<div id="main">,即一个被指定了main为id的对象
    2、属性(proprety):选择符的样式属性,如颜色、大小、定位、浮动方式等。
    3、值(value):是指属性的值
    4、同时可以分为一个选择符定义多个属性,每个属性之间用户分号“;”分割
CSS控制字体
  功能          语法
  设置字号      font-size:12px;
  设置字色      color:red;
  设置字体      font-family:Arial,'宋体';
  设置行高      line-height:150% <====> line-height:1.5em
  设置字体的粗细      font-weight:normal[正常]bold[粗体]

CSS长度单位
  相对长度单位      说明
  em        相对于当前对象内文本的字体尺寸
  px         像素(Pixel)推荐使用

  绝对长度单位      说明 ----基本上用不到
  in             英寸
  cm           厘米
  mm            毫米
  pt             点(Point)

css字体的使用注意事项,要尽量使用通用字体,用大家电脑上都有的字体

CSS定义的小技巧
  1、为了将来的css代码的优化,建议,所有的属性值后都要带上 “ ; ”
  2、某些xhtml标签,有自己默认的css属性值
    例如:h1标签就有自己的属性值,自动就是加粗显示
  3、为了兼容主流浏览器,为统一,建议我们在设置时,将所有的css属性,重置为标准值。
  4、不通的浏览器,有各自不同的css属性值------要命的,就是浏览器的兼容性问题
  5、就一个比较特殊的字体想用,怎么办?---将其转为图片。
    分中英字体,设置字体的顺序。将英文字体设置在前,中文字体设置在后
  6、css编辑工具----用什么都行,高手,用树叶都能杀人!!!
  7、我们使用95%的css,都是常用的属性
  8、想让文字在垂直方向上,居中,将行高设置为元素的高度。即:行高-元素高
    ********文字的内容不能超过元素的宽度也就是不能换行
  9、css可以重新设置,xmthl的默认样式

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545321.html