CSS书写格式
一、CSS书写格式:
1、行内样式:
可以直接将CSS代码写到开始标签当中:
<div style = "color:red">行内样式</div>
2、内嵌样式:
可以在一对head标签中写上一对style标签,然后在style标签中编写CSS代码:
<head> <style type="text/css"> div{ color:red; } </style> </head>
3、外链样式:
单独新建一个.css文件,把css代码写到这个文件中,然后通过link标签把这个文件和.html文件关联
<link type="text/css" href="http://www.mamicode.com/file_name.css">
4、导入样式:
单独新建一个.css文件,把css代码写到这个文件中,然后通过@import把这个文件和.html文件关联
<style type="text/css"> @import "http://www.mamicode.com/file_name.css"; </style>
二、在企业开发中,常使用外链样式来编写CSS代码,使结构与样式分离
三、外链样式和导入样式的区别:
1、外链样式是通过link标签关联,,而导入样式是通过@import关联,而@import是CSS2.1推出的,存在兼容问题
2、外链样式在显示界面的时候,会先加载CSS样式,再加载结构样式,所以用户看到界面时一定已经设置了样式
而导入样式在显示界面的时候,会先加载结构,再加载样式,所以用户看到的界面不一定已经设置了样式
CSS书写格式
标签:
原文地址:https://www.cnblogs.com/AsVR-Sharemju/p/12032213.html
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/40629.html