CSS相关学习内容总结

更新时间：2023-05-23 00:21:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

幼儿园一周总结推荐度：
相关推荐

高效的可维护的,组件化的【译】

你对CSS了解多少?

“如何写出更加高效的CSS呢?”

让我们来看看 4个关键点

高效的CSS可维护的CSS组件化的CSS hack-free CSS

书写高效CSS

使用外联样式替代行间样式或者内嵌样式.

不推荐使用行间样式::

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="content-type" content="text<title>Page title</title></head><body><p style="color: red"> ...</p></body></html>

不推荐使用内嵌样式::

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="content-type" content="text<title>Page title</title><style type="text/css" media="screen"> p{ color: red;}</style></head><body> ...</body></html>

推荐使用外联样式::

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="content-type" content="text<title>Page title</title><link rel="stylesheet" href="name.css" type="text/css" media="screen"/></head><body> ...</body></html>

为了兼容老版本的浏览器，建议使用link引入外部样式表的方来代替@import导入样式的方式.译者注：@import是CSS2.1提出的所以老的浏览器不支持，点击查看@import的兼容性。@import和link在使用上会有一些区别，利用二者之间的差异，可以在实际运用中进行权衡。关于@import和link方式的比较有几篇文章可以拓展阅读：@import vs link、don’t use@import、 Flash of Unstyled Content (FOUC) .

不推荐@import导入方式::

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="content-type" content="text<title>Page title</title><style type="text/css" media="screen">@import url("styles.css");</style></head><body> ...</body></html>

推荐引入外部样式表方式::

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd"><html lang="en"><head><meta http-equiv="content-type" content="text<title>Page title</title><link rel="stylesheet" href="name.css" type="text/css" media="screen"/></head><body> ...</body></html>

使用继承

低效率的::

p{ font-family: arial, helvetica, sans-serif;}

#container{ font-family: arial, helvetica, sans-serif;}#navigation{ font-family: arial, helvetica, sans-serif;}

#content{ font-family: arial, helvetica, sans-serif;}#sidebar{ font-family: arial, helvetica, sans-serif;} h1{ font-family: georgia, times, serif;}

本文来源：https://www.bwwdw.com/article/jih4.html

相关文章：

正在阅读：

CSS相关学习内容总结05-23

MapGIS中1：200000地图拼接问题及解决方法10-12

空气分离液氧液氮液氩生产设备项目可行性研究报告10-04

临时用电作业安全管理制度06-02

mkhwow国产手机软件平台识别与安装方法大总结05-08

藏在被角里的爱作文600字07-10

学术英语理工类细则08-24

2018-2019年中级会计师中级会计实务政府补助练习试题含答案03-04

科学试卷七年级（上）第一册期中试卷1001-18

九年级数学上册《用因式分解法解一元二次方程》教案(1) 人教新课04-19

上一篇：关于划定和增加小区停车位的建议下一篇：2017年西安电子科技大学831电路、信号与系统之信号与线性系统分析考研仿真模拟题