div+css原理解剖
导读:div+css原理解剖 目录 思路与介绍 原理步骤 浏览器读取原理 一、思路分析 - TOP 在一般情况的div+css开发静态html网页时,我们把html和css是分开的,形成html页面如(inde...
div+css原理解剖
目录- 思路与介绍
- 原理步骤
- 浏览器读取原理
一、思路分析 - TOP
在一般情况的div+css开发静态html网页时,我们把html和css是分开的,形成html页面如(index.html)和css文件如(divcss5.css),这里的index和divcss5是自己任意的命名。而div css中div则代表html页面(这里指index.html),因为在html页面里用到特别多的div标签所以我们通常是简写成div+css也被称为"web标准" 。
二、原理步骤 - TOP
从css引入html到html调用css样式实例
第一步
首先我们要在html页面里引入css样式文件这里引入的是divcss5.css
基础知识:CSS引入方法
第二步
1、在css文件里编写css样式如.yangshi{
font-size:16px;
}
这里编写css命名为yangshi然后选择器里属性为文字大小为16像素。
2、在html中调用yangshi,代码如
www.divcss5.com案例测试
基础知识:css命名规范、css属性选择器
三、浏览器读取css原理 - TOP
浏览器呈现一个网页到用户眼前(html纯静态网页)时,首先浏览器是先加载html页面,如果网页是div+css开发的,浏览器将读取加载引入到html页面css样式文件代码,然后通过浏览器解释翻译将css文件里代码样式赋予到html中设置各个不同伪类标签,最终将网页和css样式中各式各样的样式完美的呈现给浏览者。
从css引入html到html调用css样式实例,浏览器将yangshi伪类中的属性字体大小为16px赋予
www.divcss5.com案例测试
内,这样"www.divcss5.com案例测试"内容的文字大小将为16像素。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: div+css原理解剖
本文地址: https://pptw.com/jishu/667360.html