| 标题 | Html/Css(新手入门第一篇必看攻略) |
| 范文 | 下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。 一、理解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(新手入门第一篇必看攻略)就是小编分享给大家的全部内容了，希望能给大家一个参考 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。