HTML <style>中一些常用的定义格式

最新推荐文章于 2022-07-23 15:02:33 发布
最新推荐文章于 2022-07-23 15:02:33 发布
阅读量2k 收藏 2
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whchensir/article/details/8863605
版权

 HTML <style>中一些常用的定义格式

CSS 参考手册

CSS 实例

 

<STYLE>

p            { line-height: 180%; font-family:微软雅黑; TEXT-INDENT: 2em }

.s1 { font-family:微软雅黑;}

.s2 {color:silver}

.s3 {font-size:24px}  size3(12pt磅), size4(14pt磅)

.s4 {font-size:150%}

.s5 {background-color: black;  color=white}

h2 {font-size:2.5em;}  /* 40px/16(em)=2.5em */

</STYLE>

<body bgcolor="#000000" >

<p>The font-family value of the text is the browser default font.</p>

<p class = "s1">The fon-family value of the text is "Arial"。</p>

<p class = "s2">The fon-family value  of the text is "Tahoma"。</</p>

<p class = "s3">The fon-family value  of the text is "Courer"。</</p>

<p class = "s4">The fon-family value  of the text is "Verdana"。</</p>

<p class = "s5">The fon-family value  of the text is "Book Antiqua"。</</p>

</body>

 

样式一： body

{ margin: 0px;

padding: 0px;

margin-top:12px;

margin-left:1px;

width:auto;

width:94px;

height:36px;

 

float:left;

 

line-height: 18px;

line-height: 1.5em;

font-family: "Times New Roman", Times, serif;

font-family:"微软雅黑","黑体","宋体";

font-size: 14px;

font-size:100%;

color:#4e4e4e;

background: #f2e7ca

background-color:#E7EAEB;

 display:block;

text-decoration:none; }

 

css规定字体样式大全

字号：<font style="text-decoration:line-through">刪除線</font>刪除線

<font style="background-color:#ffddff">加上背景色</font>加上背景色

<font style="filter:fliph;height:10pt;">左右翻转效果</font>左右翻转效果

<font style="filter:flipv height:10pt;">上下翻转效果</font>上下翻转效果

<font style="font-size:9pt; filter:glow(color=#4a7ac9,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#ff0000,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#ff0080,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#ff8000,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#008080,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#0000ff,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#8000ff,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:9pt; filter:glow(color=#000000,strength=2); color:#ffffff; height:9pt">发光文字效果</font>发光文字效果

<font style="font-size:12pt; filter:shadow(color=#4a7ac9,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#ff0000,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#ff0080,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#ff8000,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#008080,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#0000ff,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#8000ff,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="font-size:12pt; filter:shadow(color=#000000,direction=135); height:19pt" face=verdana color=#ffffff>投射阴影文字效果</font>投射阴影文字效果

<font style="filter:dropshadow(color=#cccccc,offx=3,offy=3); height=1px">阴影文字效果</font>阴影文字效果

<div style="width:80px; height:19px; background-color:#cccccc">

<font style="filter:dropshadow(color=#ffffff,offx=1,offy=1); height:15pt" color=#000000>&nbsp;雕刻文字效果</font></div>雕刻文字效果

<div style="font-size:14pt; filter:wave(freq=17,strength=3,lightstrength=1,phase=0); width:125px; line-height:15pt; font-family:verdana; height:20px" align=left> <font color=#ff8000><strong><b>扭曲文字效果</b></strong></font></div>扭曲文字效果

 

 

whchensir
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML ＜em＞ ＜strong＞ ＜dfn＞ ＜code＞ ＜samp＞ ＜kbd＞＜var＞ ＜cite＞ 标签
玄链教育
05-27 897
以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果。把文本定义为强调的内容。把文本定义为语气更强的强调的内容。定义一个定义项目。定义计算机代码文本。定义样本文本。定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。定义变量。
HTML格式C语言函数库
10-14
集中了C语言编程中的常用函数库，能够帮助你更好的运用C来编程。
html自定义函数格式化,格式化html代码的函数有哪些
weixin_35710893的博客
06-07 213
htmlspecialchars ()htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。语法为：htmlspecialchars(string,quotestyle,character-set).PHP 从 5.4.0 版本开始把htmlspecialchars() 函数的第三个参数字符串编码的默认值改成了 UTF-8,为了使 PHP 5.4 之前环境中编写的代码...
css style样式{}写法注意
qq_42760090的博客
01-13 982
我人傻了 最基本的书写都不记得了 控制台也不报错 当你样式不生效的时候，并且选择器确实没出现问题的时候 https://segmentfault.com/q/1010000038962325
html样式 css一些常用属性与style内部样式表
m0_53404077的博客
07-23 1506
html样式 css一些常用属性
HTML一些常用的表单元素
probelover的博客
08-02 4044
HTML一些常用的表单元素<input type="test"> 普通文本框 <input type="password"> 密码输入框 <input type="checkbox"> 复选框 <input type="radio"> 单选框，属性name设置相同 <input type="image">
html基本格式
青城山下的小落
07-07 1772
html的初步学习，首先要明确格式，了解基本的标签。 html的基本格式 <!DOCTYPE html> 声明：这是一个html文档 <html> html格式开始 <head> 头部开始 <meta charset="utf-8"> 编码格式 <title></title> 页面标题 </head> 头部结束 <body> 身体开始
//css 层叠样式表（Cascading Style Sheets）
qq_51745142的博客
12-03 811
//css 层叠样式表（Cascading Style Sheets）
html+css基础入门学习教程之HTML 样式
html前端基础入门教程
03-01 4697
HTML 样式 通过使用 HTML4.0，所有格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。 先来看一个例子，代码如下： <head> <style type="text/css"> h1 {color: red} p {color: blue} </style> </head>...
HTML基础
qq_27009517的博客
12-03 1478
HTML 标题标签 HTML 标题是通过<h1> - <h6>标签进行定义的，分别对应文档结构中的每一级标题。 下面的实例定义了所有标题。 <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6...
HTML5 Video(视频)【<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式】
云上
07-06 3814
HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准。 检测您的浏览器是否支持 HTML5 视频： 检测 Web站点上的视频 直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了
html style属性的用法
Child_heart的博客
03-09 1万+
style属性提供了一种改变所有HTML元素的样式的通用方法。在 HTML 4 中，有若干的标签和属性是被废弃的。被废弃（Deprecated）的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。应该避免使用下面这些标签和属性：标签描述&lt;center&gt;定义居中的内容。&lt;font&gt; 和 &lt;basefont&gt;定义 HTML 字体。&lt;s&g...
style样式的使用方法
ae187931的博客
01-25 1187
export default class App extends Component<{}> { render() { return ( <View> <Text style={styles.bigblue}> 测试一下</Text> <...
零基础CSS入门教程(6)–style标签与注释
程序员大阳
10-19 3077
更多相关博文请查看【JavaWeb学习之路】 本文目录1. 前言2. CSS注释的格式3. 小结 1. 前言 之前在讲解HTML的时候，已经说过注释这个事情了。理解注释，掌握两点就足够了： 注释对程序代码的运行没有实际作用，也就是说，写了注释，相当于没写。 注释对程序员起到一个提示作用，也就是说，注释可以帮助程序员理解程序。 CSS的注释，也是这个道理，写了CSS注释并不会影响CSS的样式效果。 2. CSS注释的格式 CSS注释格式如下： /* 注释内容 */ 所以我们给一段CSS代码添加上注释后，
CSS ＜style＞＜/style＞标签的用法
qq_27232945的博客
11-02 1194
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ border: 1px solid crimson; } span{ borde.
(前端)HTML之CSS(div+css布局)
weixin_65479202的博客
04-23 1万+
前端HTML的基础知识内容的更新已经更新完毕！！！打好基础，才能学好HTML的相关知识！！！
.styl格式的CSS样式文件是什么文件
热门推荐
草巾冒小子的博客
10-27 2万+
Stylus 是一个 基于Node.js的CSS的预处理框架 。可以说是一种新型语言，其本质上做的事情与sass/less等类似。Stylus 比less更强大，而且基于nodejs；比sass更符合我们的思路。 最近研究了一下vue.js项目的高阶用法，发现案例项目中有个.styl格式的样式文件，下面从 What ? Why ? How ? 这三点去了解一下。 文章主要借助收录资源来了...
Style样式的定义
u011188915的专栏
08-01 992
1、main.xml     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"     tools:conte
HTML中的style标签怎么写,html style标签是什么意思？关于style标签的使用方
weixin_42498987的博客
05-31 9269
本篇文章主要讲的是html style标签的定义和属性介绍，先让我们了解style标签在HTML中的一些用途和位置，然后介绍了使用中的一些方法和细节技巧，让我们一起来看看吧html style标签的定义和用法：style 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 t...
<image>标签中的style格式
最新发布
07-13
在`<image>`标签中，可以使用`style`属性来设置样式。样式可以包含CSS属性和对应的值。下面是一个示例代码： ```html <template> <view> <image src="image.jpg" style="width: 200px; height: 200px;"></image> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值