首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS样式规则及字体样式

CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。 CSS样式规则 使用HTML时,需要遵从一定的规范。...CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下: ?...在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。...font-family:字体 font-family属性用于设置字体。...各种字体之间必须使用英文状态下的逗号隔开。 4. 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。 5.

4K20

设计规则

设计规则支持遵从 .NET Framework 设计准则。 本节内容 规则 描述 CA1000:不要在泛型类型中声明静态成员 调用泛型类型的静态成员时,必须指定该类型的类型参数。...应改为公开针对继承设计的泛型集合。...由于公共构造函数用于创建类型的实例,但无法为抽象类型创建实例,因此具有公共构造函数的抽象类在设计上是错误的。...CA1014:用 CLSCompliantAttribute 标记程序集 公共语言规范 (CLS) 定义了程序集在跨编程语言使用时必须符合的命名限制、数据类型和规则。...应仅限于在设计时无法指定特定整型或字符串类型的情况下使用 Object 类型。 CA1044:属性不应是只写的 虽然可以接受且经常需要使用只读属性,但设计准则禁止使用只写属性。

2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    字体设计|从历史中汲取字体设计的方法

    今天笔者将通过对几种中文字体的结构借鉴与笔画借鉴,来介绍从字体历史中学习设计的方法。 字体结构的借鉴可以快速改变字体的气质。...字体的负空间减小,视觉面积加重,产生一种压迫感,常用于需要聚焦视觉重心的标题字设计中: 图片来源于网络 字体笔画的借鉴则可以通过给字体增加笔触来增加设计的美感。...骨架的设计会決定笔画位置、长短与弧度,以及文字比例、写法和重心高低等。 而至于结构借鉴法,顾名思义,是指设计时先避开字体的笔画特征,专注于字体基础结构本身的设计,是通过改变字体骨架来设计字体的方法。...,依赖于设计师对于字体的观察和理解。...笔者分别通过分析古代字体的结构&笔画特征,给大家演示了如何通过借鉴古代文字来进行字体设计的两个视角。而希望通过这两个视角,可以帮助新人设计师捕捉到中文字体设计的美感。

    1.4K30

    dotnet OpenXML 文本字体的选择规则

    在 Office 的文本排版里面,会根据字符选择使用哪个字体插槽。...也就是实际上在 Office 里面可以在一个文本段里面指定多个字体,会根据实际的字符使用不同的字体 在做 Office 解析的时候,在 OpenXML SDK 里面是没有找到表示字体的属性的,只能找到...ComplexScriptFont { get; set; } // cs public TextFontType SymbolFont { get; set; } // sym 而这每个里面都可以使用不同的字体...a:cs 和 a:latin 分别表示 LatinFont 和 ComplexScriptFont 两个不同的插槽 那么具体的这个我也看不懂的文本应该使用 Times New Roman 还是使用宋体字体...,这就需要使用下面这个表格的内容了 在 Office 里面将会根据字符的 Unicode 决定使用哪个字体插槽的字体 U+0000–U+007F latin font U+0080–U+00A6 latin

    71320

    「Adobe国际认证」如何设计专属字体?字体的 7 个必读技巧,带你揭秘字体设计

    设计独特的个性化字体是让您的公司脱颖而出的好方法,同时为您提供额外的设计经验,以增加您在平面设计简历中的技能。您甚至可以在线出售您的自定义字体并赚取一点额外的现金。...在设计字体或字样时,不要遗漏任何基本要素。 一些程序为设计人员提供字体模板,这些模板是可打印的表格,为将要设计的每个字符提供空间。...确保您对将为观众设计的角色变体进行一些彻底的研究,以免忽略或遗忘任何内容。 创建字体 如果您已经决定设计一种字体,为什么不更进一步设计一个完整的字体呢?...原型设计可以在纸上完成,也可以使用您选择的字体设计软件完成。 纸 如果您正在设计的字体反映了自然的手写体,那么手工制作是最有意义的。 在纸上设计字体或字体可以让您更好地控制线条和曲线。...首先在纸上设计字体可以让您在一个地方比较和对比新旧设计。 字体设计软件 其他设计师更喜欢数字化。尽管数字化设计任何东西都提供了较少的控制,但这条路线带来的好处可能大于弊端。

    64220

    IOS设计尺寸与字体

    ,OS X 10.6 之前的简体中文系统界面默认字体,也是目前Chrome游览器下的默认字体,有 Regular 和 Bold 两个字重,显示效果可以接受,华文细黑也曾是我最喜欢的字体之一。...黑体-简(Heiti SC):从 10.6 开始,黑体-简代替华文黑体用作简体中文系统界面默认字体,苹果生态最常用的字体之一,包括iPhone、iPad等设备用的也是这款字体,显示效果不错,但是喇叭口设计遭人诟病...Times New Roman:Mac平台Safari下默认的字体,是最常见且广为人知的西文衬线字体之一,众多网页浏览器和文字处理软件都是用它作为默认字体。...因此该字体也一直伴随着苹果用户,是苹果生态中最常用的西文字体。...结论:Droid Sans为默认的字体,并结合了中英文,无需单独设置。 4、iOS系统: iOS系统的字体和Mac OS系统的字体相同,保证了Mac上的字体效果,iOS设备就没有太大问题。

    1.9K00

    【设计考古系列】机器学习和字体设计

    从字体设计的角度来看这个名场面,是相当有趣的。汉字由于象形字的起源,有着太多的字需要被设计,所以不像英文字设计起来那么轻松,想要设计一整套字体的工作量是非常巨大的。...除开数量,中文字体由于书法的渊源,在字体写法和风格上也是有着太多的变化,设计师也几乎不可能都掌握。 家里找到一本定价2.8的上古书法字典 那么,能否用机器学习来介入字体设计呢?...目前我还没见到对于中文字体的类似Font Map的分类性质的项目,但是我发现在国内有一些团队走了另外一条路:根据少量的样本,用机器学习推导出剩余大量字体的设计。...我觉得现在大部分的用户其实还是以书法爱好者为主,真正有字体设计师去介入和尝试的话,应该会有新的奇妙火花。...最后给大家放送一个额外隐藏景点吧,用机器学习生成的英文字体设计,在我看来,更像是个艺术实验了。

    76810

    2022-2023设计趋势ISUX报告·字体设计

    字体不仅作为一种语言形式传递着信息,当你赋予其创造力,字体还将产生视觉冲击营造出独特的氛围,甚至唤起观者的情绪。对于设计师而言,为每个设计选择合适的字体是必须掌握的知识要点之一。...字体的设计以及排版,是设计最有效的表达形式,每年字体设计都会出现新的创意形式,赋予文字不同的个性,我们整理了2022年一些字体设计的趋势案例,供大家参考。...一、谷歌新推出开源可变字体 谷歌最新推出开源可变字体 Roboto Flex,网站加载更快,提升设计的灵活度,用户还可以控制字体的样式。...n=8407&sms=13592 五、3D字体设计造型 来自Oari品牌创意工作室的设计,这组3D字体设计造型即合理又充满创意,材质渲染非常细腻多变富有艺术感,从a-z色彩过渡自然,整体效果即和谐又多变...← 向左滑动查看更多创意字体设计 六、蒙纳(Monotype)2022全球字体趋势报告 近日,蒙纳(Monotype)发布了2022全球字体趋势报告。

    97620

    mac字体设计编辑Glyphs 3 for Mac

    Glyphs 3 for Mac是一款mac字体设计编辑软件,帮助用户自行修改现有的字体,还支持创建自己喜欢的新字体,同时您可以通过调节这写图标字体的大小、颜色、模糊度和阴影从而达到自己想要的字体效果。...id=MjU2NjEmXyYyNy4xODcuMjI2LjE1MQ%3D%3D软件功能1.绘制您的字体拿一支铅笔,画几个字母。借助一些技巧,您可以轻松数字化草图,并逐步创建完整的OpenType字体。...2.工具类型智能矢量工具针对字体设计进行了优化。内插微调,曲率控制,一次拖动多个手柄,添加极值和拐点,批量编辑:所有支持的直接开箱即用。...字形可以导出图层字体,Microsoft风格的颜色网页字体或Apple风格的表情符号字体。...你总是在你的设计文件中工作,保持重叠,而Glyphs负责其余部分,使用你的参数来构建可安装的字体文件。9.激进分子重新思考重新出现在其他字形中的字母部分或CJK部首可以使用智能组件进行内插。

    79120

    字体设计中的“连字”ligature

    作者:苏子岳 或者叫“为什么PDF里拷出来的有些字会消失”, “为什么有些字体里“fi”可以连在一起”, “Fira Code是怎么做到连体符号的” ligature ligature,维基百科中文页中叫...一篇文章, 假如要用不同的字体, 那就要选用对应的不同的字模。 有些字体里面当 字母f 和 字母i 连在一起的时候, f 的一横会跟 i 的一点撞上,导致不好排版。...所以为了方便、美观,有些字体直接会有 fi 连字的字模。这里不论是印刷字体的连字,还是上面手写字体的连字, 都是一样的概念,都叫 ligature。...电脑字体里的 ligature 虽然说电脑字体不会有印刷字体所有的物理限制, 但有些字体的 fi 还依然保留了 ligature 的这一特性。...假如你在你的电脑字体配置页面找一找, 是可以找到相关的属性的。 基于电脑也能支持连字这个设定, 于是聪明的人就想到了可以用它来搞事!比如有一款字体叫 Fira Code。

    1.9K20

    深度解析 tailwindcss 设计源规则

    这篇文章,我就从 tailwindcss 源规则的角度,为大家重新分享一些如何去做自定义的设置。 读懂基本规则 虽然 tailwindcss 的源规则比较简单,但是很显然,很多人并没有读懂它。...,如果你读过 tailwind 官方提到的 Refactoring UI,你就知道这种映射规则,是一种设计语言,而不是技术语言。...经过验证,可以在一定程度上帮助我们更快更好的实现布局空间上的设计决策。 又例如在字体的设计上,他们也做了数值的设计 字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。...行高可以理解为一个包裹在字体外面的无形的盒子。 Ant Design 受到 5 音阶以及自然律的启发定义了 10 个不同尺寸的字体以及与之相对应的行高。...把这种设计语言的规则,对应 tailwindcss 上,你就会发现理解起来起来 tw 的属性非常自然 例如,他的数值设计,就和 antd 的数值设计保持了神奇的默契,居然一模一样。

    18210

    产品设计之动态字体大小

    而微信的字体大小并不会随系统的字体大小改变而改变,微信自己有设置文字大小的功能,在“我” –> “设置” –> “通用”-> “字体大小”中进行设置 ?...iOS中如果想做到跟随系统默认的字体大小改变而改变,怎么实现呢,步骤如下: 1、设置字体的新式为UIFontTextStyle某个选项; 2、注册通知,监听字号改号改变时修改字体然后重新更新一下布局;...DynamicType的实现(1) [2]动态字体,根据系统设置调整APP字体大小 [3]一文让你彻底了解iOS字体相关知识 iOS中如果想实现字体大小随UILabel的宽度进行自适应,可使用adjustsFontSizeToFitWidth...,系统提供修改字体大小功能)?...,不随系统的字体大小变化而变化的方法 [2]使应用中的字体不受系统设置影响的两种方法 那React Native呢?

    1.6K30

    字体设计丨逆反差的知感悟

    前言 2021年至今「逆反差字体」这个原本偏小众的字体设计风格,从卷土重来到广泛应用,再次受到诸多设计师的追捧,一股新浪潮扑面而来。...主流西文字体:罗马体Roman type、意大利体Italic type、哥特体Blackletter 逆向设计的规则营造出视觉上强烈的差异感,比起普通字体更怪诞、夸张,更具有戏剧性和情绪化,让人印象深刻...Congnoscenti Studio设计的Costes Gracilis字体 Typozon工作室设计师Cristian Vargas设计Salvaje品牌字体 王猛奇创作海报,中西文字体适配...图片来自六图网 2.汉字逆反差的设计鉴赏 徐学成是中国第一代字体设计师,在晚年仍坚持实验性设计的尝试,1998年他主持设计出华康雅艺体这款逆反差字体。...希望本文能帮助更多朋友梳理逆反差字体与设计风格的关联性。 Instagram账号@acidgraphix分享作品 逆反差字体是一场字体设计的视觉革命。

    99250

    字体的力量:将PPT设计做到极致

    小编说:PPT制作不仅仅是一个编辑、排版的操作过程,为了更有效地传递信息,你还需要了解“如何去应用设计”。...本文选自《PPT设计思维:教你又好又快搞定幻灯片》,很多时候我们缺的不是操作技巧,而是正确的思考方式,本书把这一点讲到了极致。 由于字形上的差异,相应的,不同的字体也有不同的应用场合。...比如,有些字体用来表现力量感。 有些字体用来表现古典感。 总之,每一种字体都会体现出一定的设计理念。选用恰当的字体,会让整个页面看起来更加和谐,而字体使用不当,则会让页面看起来很奇怪。...另外,再提醒一个细微之处,那就是除了微软雅黑这款字体外,对于其他字体,不要人为地把字体加粗处理,因为每一款字体在设计之初,都有一定的美学理念,人为地改变笔画粗细可能会造成美观性丢失。...考虑到场景的需要 因为不同的字体有不同的应用场景,选用恰当的字体会让内容更具有表现力。但字体设计师并没有给每一款字体贴上相应的标签,那么,我们应该如何判断字体的具体应用场景呢首先,按照常识来判断。

    1.3K20

    UI(用户界面)设计规则和规范

    设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。...目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐。 而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。...目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下十条规则是应该被重视的。...2: 规范性: 通常界面设计都按Windows 界面的规范来设计,即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。...18):菜单和状态条中通常使用5 号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。 19):右键快捷菜单采用与菜单相同的准则。

    3.2K30
    领券