CSS字体设置
CSS 设置 字体
2023-09-27 14:23:31 时间
字体颜色设置:color
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <base href="<%=basePath%>"> </head> <style type="text/css"> div{ color: blue; } a{ color: red; } </style> <body> <div><span>Hello World!</span></div> <a>你好!</a> <p style="color:#D95624;">11111</p> </body> </html>
执行结果:
字体大小设置:font-size
<pre name="code" class="html"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <base href="<%=basePath%>"> </head> <style type="text/css"> div{ font-size: 22pt; } a{ /*浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素,同一时候W3C标准推荐的也是em作为字体大小的度量单位*/ font-size: 1em; } </style> <body> <div>二号字 ,磅值为:22</div> <a>1em的字体</a> <p style="font-size: 32px;">32像素的字体</p> <span style="font-size: 200%">2em的字体</span> </body> </html>
执行的结果
字体类型:font-family
<pre name="code" class="html"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <base href="<%=basePath%>"> </head> <style type="text/css"> div{ /*仿宋*/ font-family:仿宋_GB2312; } a{ /*微软雅黑,宋体*/ font-family : 微软雅黑,宋体; } </style> <body> <div>仿宋_GB2312</div> <a>微软雅黑,宋体</a> <p style="font-family:黑体;">黑体</p> <span style="font-family: Times New Roman;">Times New Roman</span> </body> </html>
执行结果:
其他:
<pre name="code" class="html"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <base href="<%=basePath%>"> </head> <style type="text/css"> div{ /*文本斜体显示*/ font-style: italic; } a{ /*字体加粗*/ font-weight:bold; } </style> <body> <a>字体加粗</a> <div>文本斜体显示</div> <span style="border-bottom: 1px solid black;">加下划线</span> </body> </html>
执行的结果:
相关文章
- 【Vue】路由组件通过router-link设置css样式及active单击样式
- 【Cssflex】css中关于弹性布局flex的综合用法(示例展示)
- css移动端设置底部导航栏(1+X Web前端开发初级 例题)
- css 文本省略号设置
- [转]CSS如何设置html table表格边框样式
- css top,right,bottom,left设置为0有什么用?它和width:100%和height:100%有什么区别?
- CSS 设置页面缩放
- 如何去掉css 渐变时的锯齿效果
- 第59节:Java中的html和css语言
- nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG
- 《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.3 添加文本元素
- 通过dom改变css,html
- css循环样式: nth-child(n)
- 用css解决Unigui在IE系列浏览器中字体变小的问题(设置UniServeModule的customcss属性)
- vue中引入css的几种方式
- 博客园美化插入代码css
- 通过!important设置css样式优先级
- 26-时尚精品服饰网店响应式网页模板 (HTML css JavaScript)
- 浅析CSS中过渡transition学习:animation与transition的区别、过渡的4个属性及简写模式、过渡触发方式、过渡渐变(需绝对值)、如何使用硬件加速、过渡时间函数、过渡结束回调事件
- 微信小程序开发实战(WXSS VS CSS)
- css利用border设置小三角
- CSS calc 设置宽度和高度(转载)