前几天在做腾讯微博的微卖场的时候，遇到需要做图片居中的需求。也就是说，商品列表中的图片需要居中显示。因为图片是卖家自己把商品图片链接过来，商品图片的大小没有做限制和过滤。所以我们需要做的是，让图片在容器当中水平居中、垂直居中、图片自适应容器大小。图片原图大小和在容器中显示的大小有这样的关系：假设容器大小为200像素*200像素，图片的宽为x 像素，高为y 像素，则：
当x<=200,y&l
@font-face { font-family: 华文隶书; src: url( ../font/STLITI.eot ); /* IE */ src: url( ../font/STLITI.ttf ) format("truetype"); /* 非IE */ }...
转载
2014-05-19 09:14:00
952阅读
文章目录载入字体使用字体载入字体font-family:'字体名'src 字体文件地址 例如：@font-face { font-family: 'al-Bold'; src: url(Alibaba-PuHuiTi-Bold.ttf);}@font-face { font-family: 'al-Medium'; src: url(Alib
原创
2023-02-14 09:24:21
561阅读
WordPress定期更新，每年大约更新2到3次。 在每个新版本中，它都引入了一些新功能或对现有功能进行了一些改进。 在本文中，我们将讨论一个我认为很多人都忽略的WordPress功能，即Editor Styles 。 在3.0版（首次引入此功能）之前，您经常需要刷新页面以查看正面的外观。 这是由于WordPress TinyMCE编辑器的内容样式与前端的样式完全不同的事实。 前端的样式来自主
转载
2024-05-28 11:36:56
95阅读
第一节现在开始springboot-web开发教程。引入依赖，pom.xml<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
转载
2024-07-03 12:01:24
72阅读
举例： CSS3 @keyframes 规则 如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。 @keyfra
原创
2022-01-05 14:07:48
171阅读
前言当我第一次接触到Markdown时，我就深深爱上了它。这简洁的界面，编程式的书写都令我爱不释手，最重要的是，还能够支持自定义html、css。自定义CSS样式说到Markdown，就不得不提及Typora这个软件，本例子即是在此软件的环境下完成。想要自定义CSS，首先得有一定的htm，css基础。1.寻找Typora的主题CSS文件确认typora软件用的主题文件 -> 外观 ->
转载
2024-10-30 12:11:49
17阅读
1.利用css3属性 appearance。 该属性（强制）更改（改变）默认（原生）样式。 Firefox 支持替代的 -moz-appearance 属性；Safari 和 Chrome 支持替代的 -webkit-appearance 属性；IE不支持该属性。 所以可以利用该属性取消checkb
转载
2020-10-14 17:51:00
989阅读
2评论
一、排序
1 获取DataTable的默认视图
2 对视图设置排序表达式
3 用排序后的视图导出的新DataTable替换就DataTable
(Asc升序可省略，多列排序用"，"隔开)
DataView dv = dt.DefaultView;
dv.Sort = "id Asc,name Desc";
dt = dv.ToTable();二、检索
1 设置查询字符串
2 使用Selec
* { font-size: 16px!important; line-height: 1.6!important; } /*设置顶部的样式*/ #header { display: none; height: 100px!important; /*margin-top: -15px!importa
转载
2021-02-10 21:47:00
383阅读
2评论
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width ...
转载
2021-10-27 15:59:00
492阅读
2评论
1 下载tff格式的字体2 assets中新建文件夹fonts，把tff字体文件放在fonts，并在assets/css中新建font.cs
原创
2022-10-09 22:56:01
325阅读
进阶使用CSS自定义属性在之前一篇介绍CSS自定义属性的文章中，我们介绍了什么是CSS自定义属性，var()、calc()。本篇文章中，为了进一步使用它，我们将介绍CSS自定义属性的其他用法。自定义原则在传统的CSS中，通常我们需要写重复的属性值，而自定义原则能让我们避免这种情况。做到“一处定义，处处使用”。:root {
--theme-color: gray;
}
.button {
ba
转载
2024-10-29 14:23:19
119阅读
See also: https://houdini.how/ https://github.com/una/extra.css#readme
转载
2020-12-10 13:34:00
178阅读
2评论
在制作网页的时候我们通过会通过设置 font-family 来定义页面字体，但有的时候系统自带的字体并不能满足我们的全部需求，为了页面的丰富性和美观性，我们可能需要在特定的地方使用一些特定的字体。
如果这个艺术字的内容是固定的，那我们大可以直接用切图的方式来解决，比如网站的 Logo 这种；但有一些例如网站的标题，订单数字等动态生成的内容，就没办法切图了，这个时候我们就可以引入自定义的字体了。自定
转载
2023-11-09 06:04:51
1721阅读
下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体 为什么要使用自定义字体？浏览器对于字体的支持力度不一样，概括的说：不是所有的字体浏览器都支持!换而言之：要使用浏览器不支持的字体，就得通过其它方法解决解决方案：css3中使用@font-face可以支持浏览器不支持得字体第一步、需要将字体文
原创
2021-08-07 09:54:11
698阅读
先看看效果，本来我的导航栏是这样子修改后的效果 其实我就是调了一下导航栏的透明度，从黑色变成透明灰是不是瞬间感觉逼格上升了几个档次，有木有，有木有！！！想不想跟我一样，想的话下面就是实现的方案。下面讲下实现的方案方案一、利用wordpress自带的功能（推荐用该方案）第一步，打开自定义控制台第二步，选择额外的css第三步，直接添加你的css，wordpress真的非常强大，只要你添加进去
转载
2024-04-14 14:58:42
50阅读
下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体 为什么要使用自定义字体？浏览器对于字体的支持力度不一样
原创
2022-03-01 10:05:44
847阅读
转载自：http://www.2cto.com/kf/201312/265179.html@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。
转载
2021-08-18 00:01:03
502阅读
