石家庄物流网站建设网站生成工具

石家庄物流网站建设,网站生成工具,网站建设费用模板,郑州网站模板哪里有目录 css的概念 css语法 内联式 内嵌式 外联式 css的概念 描述HTML文件样式的计算机语言 作用#xff1a; 静态的修饰网页,配合javascript或其他的#xff08;脚本语言#xff09;进行网页动态交互 css语法 p{ width: 200px; height: 200px; } p 选择器 width 属性名 2…目录css的概念css语法内联式内嵌式外联式css的概念描述HTML文件样式的计算机语言作用静态的修饰网页,配合javascript或其他的脚本语言进行网页动态交互css语法p{width: 200px;height: 200px;}p选择器width属性名200px属性值height属性名200px属性值//选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;......}内联式行内式写在style属性上的css样式div stylewidth: 100px; height:100px; background-color:red;asir/div内嵌式写在head标签的style中!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style p{ width: 200px; height: 200px; } /style /head body p这是一段被内嵌式样式修饰的代码/p /body /html看上面代码的style标签css只负责结构样式HTML负责页面的结构.不能跨页面加载样式。外联式脱离html文件单独存在的css文件如何使用在head标签中使用link标签引入外部文件常用属性rel属性值: stylesheet引入的外问加你与Html的关系hrefcss文件的路径可以是网络中的也可以是本地路径中的typetext/css使用css文件.class_info { width: 200px; height: 200px; background-color: red; }html文件!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title link relstylesheet href./test.css typetext/css /head body div classclass_infotest/div /body /html效果图外联式的优点其他页面可以同时使用只需要在页面直接使用页面与样式分离节省代码量引用ai外联式的主要优点代码分离与维护性提升外联式如CSS或JavaScript外联文件将样式、脚本与HTML结构分离使代码结构更清晰。修改样式或脚本时无需改动HTML文件便于团队协作和长期维护。缓存机制优化性能浏览器会缓存外联的CSS或JavaScript文件同一页面或多个页面重复使用时无需重复下载显著减少HTTP请求次数加快页面加载速度。复用性与一致性单个外联文件可被多个页面引用确保网站风格或功能统一。修改一处即可全局生效避免重复代码降低出错概率。并行加载提高效率浏览器可并行下载外联文件如CSS与HTML同时加载而内联代码需按顺序解析。外联方式更利于资源优化尤其对大型网站尤为重要。模块化开发支持外联文件便于模块化拆分例如按功能划分多个JS文件或按组件划分CSS结合构建工具如Webpack可实现按需加载优化资源利用率。