首页 > 其他分享 >HTML代码库

HTML代码库

时间:2024-07-16 08:58:13浏览次数:17  
标签:text 代码 decoration HTML 字体 background font align

font-family 字体类型 font-family:“隶书"
font-size 字体大小 font-size:12px
font-style 字体风格 font-style:italic italic:倾斜的字体
font-weight 字体粗细 font-weight:bold
顺序不能变:font:italic bold 36px :”宋体“
字体大小:font-size
font-weight:
字体风格:font-style
font-style:normal 正常字体 默认值
font-style:oblique 斜体
font-style:italic 倾斜的字体
字体的粗细:font-weight
font-weight:bold 粗体
font-weight:100-900中的任意一个数字
字体的类型:font-family 'Times New Roman ',宋体
font-family: 英文字体 中文字体
如果只写一个 说明中英文是一个字体
文本属性
颜色:color
水平对齐方式:text-align:center(可以给所有的块级标签使用)
text-align:center 居中对齐
text-align:left 左对齐 默认
text-align:right 右对齐
text-align:justify 两端对齐
垂直方向上的对齐:vertical-align:middle(只能用在图片上 img)
vertical-align:middle 居中
vertical-align:top 垂直方向上靠上
vertical-align:bottom 垂直方向上靠下
首行缩进:text-indent:2em(2em:2个字)
text-indent:2em
行高:line-height(所有块级标签才能设置)
line-height:200px
文本装饰:text-decoration
text-decoration:underline(下划线)
text-decoration:overline(上划线)
text-decoration:line-through(删除线)
去掉超链接的下划线:text-decoration:none
text-decoration:none
给所有块级元素中的文字加阴影:text-shadow:blue
第一个参数blue 阴影颜色
第二个参数 阴影和实际文字水平方向上的距离(+-)
第三个参数 阴影和实际文字垂直方向上的距离(+靠上-靠下)
第四个参数 阴影向外扩散的范围
text-shadow:blue 10px 20px 5px
超链接伪类(执行顺序:来放点执行 写的顺序不能乱)
超链接最初的样子
a{font-size:10px;
text-decoration: none;}
超链接被点击之后的效果
a:visited{colir:pink;}
鼠标放在超链接上面
a:hover{color:palevioletred;(字体颜色)
font-size: 30px;(字体大小)
text-decoration: underline;}( 字体下划线)
鼠标点击未释放
a:active{color:yellow;}
列表样式:
去掉无序列表前面的黑圈圈:li{list-style-type:none}
块级标签加背景颜色:background-color
块级标签加背景图片:background-image:url('')
背景图片不让重复:background-repeat:no-repeat;
背景图片横的重复:background-repeat:repeat-x;
背景图片竖的重复:background-repeat:repeat-y;
插入了一张图片 设置了不重复 默认这张图片在左上角
现在我想把它移动到别的位置:
第一个参数的意思 20px 这个背景图片距离最左边的距离
第二个参数的意思
background-position:20px 30px;
渐变色:linear-gradient(position,color1,color2)
-webkit-linear-gradient(position,color1,color2)
position:渐变方向
color1:第一种颜色值
color2:第二种颜色
background:linear-gradient(to bottom)去下边 从上去下
linear-gradient(to top)去上边 从下去上
linear-gradient(to left)从右往左
background:linear-gradient(to right)从左向右
css3属性制作动画
变形函数:translate平移
scale 缩放
rotate 旋转
skew 倾斜
transform:tra

标签:text,代码,decoration,HTML,字体,background,font,align
From: https://blog.csdn.net/2202_75660304/article/details/140443405

相关文章

  • 数据分享|R语言决策树和随机森林分类电信公司用户流失churn数据和参数调优、ROC曲线可
    原文链接:http://tecdat.cn/?p=26868最近我们被客户要求撰写关于电信公司用户流失的研究报告,包括一些图形和统计输出。在本教程中,我们将学习覆盖决策树和随机森林。这些是可用于分类或回归的监督学习算法下面的代码将加载本教程所需的包和数据集。  library(tidyverse)......
  • 代码随想录算法训练营第十三天 | 144.二叉树的前序遍历、94、二叉树的中序遍历、145、
    144.二叉树的前序遍历题目:.-力扣(LeetCode)思路:有递归法和使用栈来模拟递归的迭代法。代码:1.递归/***Definitionforabinarytreenode.*structTreeNode{*intval;*TreeNode*left;*TreeNode*right;*TreeNode():val(0),left(nu......
  • RSRS择时指标的150倍计算加速(有代码)
    文章来源于公众号:Logan投资往期精选文章:因子计算的1000倍加速二级:手搓的择时指增三因子择时策略年入200w的鹅养殖基地一级:轮胎行业的研究二级:最近思考的量化指标再挖掘前一篇推文中,介绍了用numpy加速rolling计算因子的方法。不过演示示例本身其实完全不需要apply,完全可......
  • 为什么PyCharm是首选的Python代码编辑器?
    这两年被Python初学小白问到最多的问题就是,该用什么代码编辑工具?说实话,我个人是用JupyterNotebook最多,主要是经常做数据可视化,方便些。但对于初学者来说,PyCharm仍是不二的选择,甚至我建议你只用PyCharm.从当前所有主流PythonIDE来看,PyCharm是最适合做Python开发的,特别对......
  • 代码随想录day25 复原IP地址 | 子集 | 子集II
    复原IP地址复原IP地址解题思路首先要判断什么是正确的IP地址:段位以0为开头的数字不合法段位里有非正整数字符不合法段位如果大于255了不合法接着就是要通过一个变量来存储加'.'的次数,然后将字符串分成四分,每段都需要检查是否符合条件。知识点回溯(分割),字符串心得这是......
  • 代码随想录算法训练营第六十六天 | Bellman_ford 队列优化算法(SPFA)、Bellman_ford之
    Bellman_ford队列优化算法(SPFA)题目链接:https://kamacoder.com/problempage.php?pid=1152文档讲解:https://programmercarl.com/kamacoder/0094.%E5%9F%8E%E5%B8%82%E9%97%B4%E8%B4%A7%E7%89%A9%E8%BF%90%E8%BE%93I-SPFA.html思路Bellman_ford算法每次松弛都是对所......
  • 代码随想录算法训练营第六十五天 | dijkstra(堆优化版)精讲、Bellman_ford 算法精讲、复
    dijkstra(堆优化版)精讲—卡码网:47.参加科学大会题目链接:https://kamacoder.com/problempage.php?pid=1047文档讲解:https://programmercarl.com/kamacoder/0047.%E5%8F%82%E4%BC%9Adijkstra%E5%A0%86.html思路当节点数多,边数少(稀疏图)时,可以考虑从边的角度出发,用堆来......
  • php数据库连接代码
    在PHP中连接到数据库(以MySQL为例)通常使用 mysqli 或 PDO 扩展。以下是使用这两种方法连接到MySQL数据库的示例代码。使用mysqli<?php  $servername = "localhost";  // 数据库服务器名称  $username = "username";     // 数据库用户名  $pass......
  • Python学习代码示例合集
    PythonDemo示例合集PyDemo:Python学习代码示例合集介绍欢迎来到PyDemo,这是一个专为Python学习者设计的代码示例合集。无论你是编程新手还是经验丰富的开发者,PyDemo都将为你提供有用的代码片段,帮助你快速掌握Python编程的各种技巧和应用场景。项目背景Python作......
  • ArduPilot开源代码之EKF系列研读
    ArduPilot开源代码之EKF系列研读1.源由2.基本原理3.数学公式4.研读步骤5.参考资料1.源由EKF(扩展卡尔曼滤波器,ExtendedKalmanFilter)是一种非线性滤波算法,是标准卡尔曼滤波器在非线性系统中的扩展。它在处理和估计非线性系统状态时广泛应用,如机器人导航、目标......