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

伊利石_一种前景广阔的新型粘土矿物材料05-03

2014级高二学业水平测试复习 - 图文06-11

康复治疗技术考试试题04-03

我们家的春晚作文400字06-18

水工建筑测量工（初级）理论考试题库07-02

描写雨的好词佳句资料05-05

（完整版）英语长难句基本句型分析01-30

语文课程标准练习203-11

祁黄羊教学设计09-26

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