CSS相关学习内容总结

更新时间：2023-08-13 03:32: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/dkij.html

相关文章：

正在阅读：

CSS相关学习内容总结08-13

基于上海自贸区贸易转型后海关保税中后期核查研究06-29

雷美替胺的市场分析（新）03-28

我喜欢的零食妙作文600字07-02

文员的社会实践报告03-31

《名校讲义四川高考历史总复习(2015)》一轮资料推荐06-12

做一个梦想实现家作文500字07-09

东南大学微机原理复试知识点总结05-28

2009-2010学年度第二学期二年段教研工作总结09-20

2020年乡党委书记述责述廉报告08-30

上一篇：2010年二级建造师考试《公路工程管理与实务》真题_附考题答案及答案解析下一篇：U-BOOT源码分析及移植