用户投稿一般来说，利用 jQuery 开发的应用程式都会搭配 HTML, CSS, JavaScript(jQuery) 辅助。因此，先学习如何利用 CSS 样式表设计网页的外观，对之后再进入学习 jQuery 的课程有所帮助。
首先，可先将所有的样式表设定集中在单一的外部档案，并从 HTML 网页汇入外部的 .css 档案，如 begin.html & begin.css:
begin.html
<!DOCTYPE html><html><head> <meta charest="UTF-8" /> <title>CSS 的基本知识</title> <link rel="stylesheet" href="begin.css" type="text/css" /></head><body> <p>往后 10 天请多多指教!</p></body></html>begin.css
p{ background-color: Yellow; color: Red;}将所有的样式表设定集中在单一的外部档案时，只要修改这个 .css 档案的内容就能变更整个网站的设计，这让网站的维护变得更简单方便了。
要从 HTML 网页汇入外部的 .css 档案时，可在 head 标籤底下使用 link 标籤。
<link rel="stylesheet" href="begin.css" type="text/css" />也可将样式表的设定写在 .html 档案里。虽然大部分的作法是将样式表的设定整理成外部档案，但要是程式码很简单，有时会直接写在 .html 档案里。
将样式表的设定整理在网页开头的写法，其中一种写法是将样式表的内容整理在 style 元素，如 begin2.html:begin2.html
<!DOCTYPE html><html><head> <meta charest="UTF-8" /> <title>CSS 的基本知识</title> <style type="text/css"> p{ background-color: Yellow; color: Red; } </style> <link rel="stylesheet" href="begin.css" type="text/css" /></head><body> <p>往后 10 天请多多指教!</p></body></html>begin3.html
<!DOCTYPE html><html><head> <meta charest="UTF-8" /> <title>CSS 的基本知识</title> <link rel="stylesheet" href="begin.css" type="text/css" /></head><body> <p style="background-color: Yellow; color: Red;">往后 10 天请多多指教!</p></body></html>CSS 语法:
CSS 的基本构造为
哪里的{哪个元素:怎么处理}
如果改以艰涩一点的词彙来解释，就会写成以下的内容:
选择器{属性名称:属性值}
第一步就是先利用选择器指定套用样式表设定的对象(元素)。接着再在中括号({...})之内撰写套用样式表设定的种类(属性)以及利用冒号(:)间隔属性的设定值。假如想将 p 标籤的背景色设定成黄色，可利用下列的语法描述:
p{background-color: Yellow;}中括号里头也可同时宣告多种样式表的设定，只需要利用分号(;)间隔样式表的设定即可。因此我们将被景色设定成黄色之际，可同时将文字颜色设定成红色。
p{ background-color: Yellow; color: Red;}
参考书籍: 一定学会 jQuery 的 36 堂关键课程
微信扫一扫打赏
支付宝扫一扫打赏
