CSS重要知识概述——Java Web从入门到精通第2章
2019-02-21 06:38:11来源:博客园 阅读 ()
一、CSS简单规则
CSS样式表包含3部分内容:选择符、属性和属性值
其中选择符包括基本的3种选择器:
1、标记选择器,如<a></a>标签等;
2、类别选择器,用class属性来声明即可;
3、id选择器,用id来声明,只能使用1次。
二、CSS选择器
1、标记选择器,例如对<a></a>标签,下面代码声明了页面中所有<a>标记的样式风格
<style> a{ font-size:9px; color:#F93; } </style>
2、类别选择器,例如下面代码,要使每个<h2>标签实现不一样的字体,可以用class属性来为每个<h2>标签声明不一样的类(可以同时加载多个类别选择器的样式,在多种类别选择器之前,用空格进行分隔,例如“<h2 class="size color"”,这个h2可以同时加载size和color的样式)
3、id选择器,和类别选择器类似,只不过用id声明,且一个id只能使用一次
<style> #first{ font-size:18px } #second{ font-size:24px } #third{ font-size:36px } </style> <body> <p id="first">id 选择器</p> <p id="second">id 选择器2</p> <p id="third">id 选择器3</p> </body>
三、在页面中包含CSS
1、行内样式:直接定义在HTML标记之内,通过style属性实现,适合初学者,但灵活性不强,如<p style="color:#F00; font-size:36px;"。
2、内嵌式:在页面中使用<style></style>标记将CSS样式包含在页面中,通常在<head></head>标签内定义。
3、链接式:用的最多,将CSS样式定义在一个单独的文件中,在HTML页面中通过<link>标记引用,通常也放在<head></head>标签内:
语法如下:
<link rel='stylesheet' href='path' type='text/css'>
rel:定义外部文档和调用文档间的关系
href:CSS文档的绝对或相对路径
type:指的是外部文件的MIME类型
原文链接:https://www.cnblogs.com/hxk6/p/10407260.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:第八课 表格 html5学习3
下一篇:博客园美化
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash