HTML5-CSS3入门

随着网页制作技术的不断发展，陈旧的CSS特性和标准已经无法满足现今的交互设计需求，开发者往往需要更多的字体选择。更方便的样式效果、更绚丽的图形动画。CSS3的出现，在不需要改变原有的设计结构的情况下，增加了许多新特性，极大的满足了开发者的需求。
由于HTML对网页修饰有很大的局限和不足，于是网络人员研发了CSS。
CSS核心：（1）CSS样表
1、行内式
< 标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;”>内容</标记名>
2、内嵌式

（2）CSS基础选择器 1、标记选择器 语法格式:标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 2、类选择器 注意：类选择器使用“.”（英文点号）进行标识，后边紧跟类名。 语法格式：.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 3、id选择器 注意：id 选择器使用“#”进行标识，后边紧跟id名，其基本语法格式如下:#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 4、通配符选择器 注意：通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。其语法格式为：*{属性1:属性值1;属性2:属性值2;属性3:属性值3;}  CSS中字体样式有很多，而设置字体样式的叫做字体样式属性。 而字体样式属性又有很多种，字体的粗细，字体的大小，某某字体.....统一设置他们的指令为font-属性名（一般用英文名，特殊可以打汉字） 除了这些文本属性，还要设置文本外观属性，其语句大多为text-属性名来设置。 还有各种语句譬如：color、letter-spacing、word-spacing、line-height、text-decoration（其中可直接设置字体的下划线） text-indent（首行缩进）最后就是white-space 设置空白符的处理方式有三种处理方式： 1、normal常规处理：文本中空格、换行无效，满行自动换行。 2、pre：预格式化，按文档的书写格式保留空格，空行原样显示。 3、nowrap：空格、空行无效，强制文本不能换行，除非遇到换行标记
。内容超出也无法换行，如果超出浏览器页面则自动增加滚轮条。 文本外观属性之text-shadow和text-overflow text-shadow是为页面中的文本添加阴影： 格式为：选择器{text-shadow:height-shadow v-shadow blur colo} text-overflow属性用于标示对象内溢出的文本。 其格式为：选择器{text-overflow:属性值;}属性值的常用取值有两个，一是clip修建溢出文本不显示省略标记“....”,二是ellipsis省略标记“.....“标示被修剪文本，省略标记插入的位置是最后一个字符。 其中各个语句或者选择器都具有一个优先级，CSS要严格按照优先级来实行命令。所以一定要注意CSS优先级。