Java Web 2.2 CSS样式表
来源:互联网 发布:91邀请码怎么弄 知乎 编辑:程序博客网 时间:2024/06/07 10:15
2.2 CSS样式表
定义——CSS:(cascading style sheets,层叠样式表),通常说的样式表。CSS是一种美化网页的技术,通过使用CSS可以方便、灵活地设置网页中不同元素的外观属性,使 网页在外观上达到一个更好的效果。CSS由三个基本部分组成:对象,属性,值。
2.2.1 CSS样式表的几种定义方式:
CSS样式表的定义实际上就是定义CSS选择器,由于CSS选择器有三种类型,所以定义方式也有三种。
(1) 标记选择器——通过HTML标签定义样式表。
例如:在<h1></h1>和<h2></h2>标签对内部文字居中显示,并采用蓝色字体的样式表为:
h1,h2{text-align:center;color:blue}
<h1>中国</h1>
<h2>北京天安门</h2>
(2) 类别选择器——使用class定义样式表。
类选择器有两种定义方式:
①:两个不同段落,若要使一个段落向右对齐,一个段落居中对齐,则先定义两个类别选择器:
p.center{text-align:center}
p.right{text-align:right}
然后用在不同段落里,只要HTML标记里加入上面定义的类即可。
<p class="right">此段落向右对齐</p>
<p class="center">此段落居中对齐</p>
②:
.text{font-family:宋体;color:red;}
<p class="text">段落文本</p>
<h1 class="text">标题文本</h1>
(3)ID选择器——使用id定义样式表
在HTML页面中ID选择符用来对某一个单一元素定义单独的样式,定义ID选择符要在ID名称前加上一个“”#“号。
#sample{font-family:宋体;font-size:60pt}
<p id=sample>段落文本</p>
- Java Web 2.2 CSS样式表
- Java Web 2.2 CSS样式表(2)
- WEB入门三CSS样式表基础
- WEB入门 四CSS样式表深入
- 【Web 前端】CSS样式
- Web--Css样式大全
- web学习—css样式表—css初识
- web学习—css样式表—css基础语法
- java ee 的web项目当中,css样式表的背景图片显示。
- WEB前端--CSS样式优先级
- WEB前端 -- CSS部分样式
- web标准化、XHTML与CSS层叠样式表的关系
- web学习—css样式表—应用(一)
- web学习—css样式表—应用(二)
- css样式表、css选择器
- web学习—css样式表—css属性(一)
- web学习—css样式表—css属性(二)
- web学习—css样式表—css语法(一)
- 多尺度小波分解与重构,matlab,对系数进行处理后,构造C,重构信号
- C++打印今天年月日,时间和星期几。
- atexit()函数
- PHP-计算常用函数
- 二进制补码
- Java Web 2.2 CSS样式表
- 【算法系列】—选择排序
- meta标签属性应用及部分实用标签复习
- [算法]时间复杂度
- GridView 使用方法详解
- bootstrapTable和mui中表格的使用
- 堆排序实现
- 面向服务编程之Dubbo
- ok请求