Html/Css(新手入门第一篇必看攻略)

前端  /  管理员 发布于 7年前   168

一、理解web标准含义--为什么采用web标准

*****将内容与样式分离

1、web标准是一系列标准，就是一系列技术标准
在使用时，是组合应用
【1】、结构化内容 xhtml
【2】、表现化内容 css
【3】、行为化内容 JavaScript

2、网页开发的小工具--火狐浏览器中的firebug
工具--附加组件--搜索firebug
作为web前端工作，要兼容的浏览器ie，火狐浏览器，谷歌刘浏览器，苹果浏览器等。
网页是否有css样式，测试--在浏览器改变文字大小。

3、css定义技巧：
【1】、为了将来的css代码优化，建议所有的属性值后面都要带上“；”
【2】、某些xhtml标签有自己默认的css属性值，

例如h1标签就有自己的属性值，自动就是加粗显示，字号比较大。
【3】、为了兼容主流浏览器，为统一，建议我们在设置时，将所有元素的css属性重置为标准的。
【4】、不同的浏览器，有各自不容的css属性值--要命的就是浏览器的兼容。
【5】、就一个比较特殊的字体想用怎么办？--将其转化为图片。

分中英文字体。设置字体的顺序，将英文字体设置在前，中文在后。
【6】、css编辑工具--用什么都行，高手，用树叶杀人
【7】、想让文字在垂直方向上居中，将行高设置为元素的高度，行高=元素高度
【8】、css可以重新设置，xhtml标签的默认样式。

4、css应用给网页的方式：就相当于给人怎么去穿上衣服。
【1】、行内样式：应用于一个。
【2】、嵌入样式：应用于一类标签。
【3】、如果我们有很多的网页，都要用css，将这些css写到一个独立文件中，这个就是外链式，推荐使用。
【4】、导入式样式：也是将样式写到一个文件中，再倒入到网页中。

*****说明，导入式，其实与内嵌式是相类似的，都是将样式加入到网页里。
1、导入式会占用html文件空间
2、有些浏览器解析会有问题。浏览器会最后读取@import中的内容
3、将多个样式文件，导入到一个样式文件中。

二、css的特性

css叫层叠样式表。

1、继承：子元素会继承父元素的某些样式。
【因为有些子元素本身就有默认值，所以他就不用父元素】

2、叠层：子元素如果定义了与父元素相同的样式，会覆盖掉父元素的样式。
*****后面的样式会覆盖前面的样式

三、css样式的优先权：当样式有冲突时，听谁？

css优先权：就近原则
作用范围越小，优先权越高。
离要修饰目标越近的样式优先权越高。

爷爷--红
爸爸--绿
孩子--蓝
选择优先权
行内>id>class>标签选择符
特殊情况，我们可以提升某个属性的权限
*****IEtest工具，也有一个兼容性问题，在win7下打不开ie6.--下载绿色版ie6。不用安装直接用哪种版本。

四、常用的一些文字，文本控制的css样式

*****我们在应用css样式时，一定要注意它的默认值。因为不同的浏览器它的css默认值是不同的（不同的属性浏览
器支持是不一样的，我们还要保证我们网页的兼容性，尽量使用通过的属性，不用存在兼容性差别的属性。）

五、css控制元素的某种状态--伪类

伪类语法：
元素名称：伪类名称{属性：值}
例如：超链接的鼠标经过状态
a：hover{text-decoration：underline；}
*****如果，鼠标放上效果不起作用，请修改连接状态的顺序 L-V-H-A

以上这篇Html/Css(新手入门第一篇必看攻略)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

原文地址：http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html