文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗？
是的
没有找到

抗疫逆行者网页作业 感动人物HTML网页代码成品 网页作业带JS下拉菜单 最美逆行者网页模板 致敬疫情感动人物网页设计制作

，使用CSS设置了网页背景颜色，制作了导航区域鼠标经过荧光效果。个别页面插入了感人MP4视频。作品代码采用学生简单水平制作，DIV命名合理。...页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。 菜单美观、醒目，二级菜单可正常弹出与跳转。 要有JS特效，如定时切换和手动切换图片轮播。...页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。 页面清爽、美观、大方，不雷同。 。 不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。..."微软雅黑"; font-size: 13px; } body, div, ul, li { margin: 0; padding: 0; } body { margin-left: 0px;.../images/skin01.jpg); background-repeat: no-repeat; background-attachment: fixed; font-family: "微软雅黑

1.1K30

前端成神之路-CSS文字文本样式

CSS字体样式属性调试工具 目标 应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1.font字体 1.1...p{ font-family:"微软雅黑";} 网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体...p{font-family: Arial,"Microsoft Yahei", "微软雅黑";} 常用技巧： 1. 各种字体之间必须使用英文状态下的逗号隔开。 2....xp 系统不支持 类似微软雅黑的中文。 解决： 方案一： 你可以使用英文来替代。 比如font-family:"Microsoft Yahei"。...font-family: "\5FAE\8F6F\96C5\9ED1"; 表示设置字体为“微软雅黑”。

7.1K10

【CSS】CSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

文字 字体设置语法 : p { font-family:"微软雅黑"; } 常见的字体 : 微软雅黑 , 默认字体 ; 宋体 黑体 如果 指定了多个字体 , 如下样式 , 优先使用前面的字体 ;....tittle { font-size:20px; font-family:"黑体",Arial,"微软雅黑","Microsoft Yahei"; } 先查找黑体 , 如果黑体存在直接使用黑体...; p { font-family:"微软雅黑"; } 出现乱码后解决方案有两种 : 使用英文名称 : 如果设置 微软雅黑 字体 , 则可以 设置 " Microsoft Yahei...Unicode 不编码 : 字体名称 英文名称 Unicode 编码 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑...font-size:16px; font-family:"宋体"; } .tittle { font-size:20px; font-family:"黑体",Arial,"微软雅黑

2.7K20

CSS样式规则及字体样式

CSS CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式...网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： p{ font-family:"微软雅黑";} 可以同时指定多个字体，中间以逗号隔开...xp 系统不支持 类似微软雅黑的中文。 方案一： 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。...font-family: "\5FAE\8F6F\96C5\9ED1"，表示设置字体为“微软雅黑”。 可以通过escape() 来测试属于什么字体。...6587\7EC6\9ED1 细明体 MingLiU \7EC6\660E\4F53 新细明体 PMingLiU \65B0\7EC6\660E\4F53 为了照顾不同电脑的字体安装问题，我们尽量只使用宋体和微软雅黑中文字体

4K20

CSS样式中汉字和字母分别使用不同字体的方法

说来也巧最近不知道发点什么文章，在后台测试代码的时候看见网友在文章“修改网页自定义字体的CSS代码+图文教程”反馈，怎么在css里汉字和字母使用不同的字体，应该怎么判断和实现，这个问题问得好，文章有内容了..., “Microsoft YaHei”, “微软雅黑”, sans-serif 这句声明都做到哪些事情呢？...华文细黑(Mac)，微软雅黑(Win)是这两个平台的默认中文字体 注意向下兼容： 到此为止，我们的字体声明已经很不错了——如果你不必考虑还在使用旧版本操作系统的用户的话。... “Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, sans-serif 同样地，你看到我们也为 Mac 系统使用了黑体作为 fallback。...还会暴露出一些奇怪的 bug，如在这些版本号的浏览器下使用中文字体（比方微软雅黑），要把该中文字体放到font-family属性的首位，可是会导致英文字体也会使用该中文字体渲染。

4.7K10

CSS字体字段样式

p{ font-family:"微软雅黑";} 网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体...p{font-family: Arial,"Microsoft Yahei", "微软雅黑";} 常用技巧： 各种字体之间必须使用英文状态下的逗号隔开。...xp 系统不支持 类似微软雅黑的中文。 解决： 方案一： 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。...font-family: "\5FAE\8F6F\96C5\9ED1"; 表示设置字体为“微软雅黑”。...6587\7EC6\9ED1 细明体 MingLiU \7EC6\660E\4F53 新细明体 PMingLiU \65B0\7EC6\660E\4F53 为了照顾不同电脑的字体安装问题，我们尽量只使用宋体和微软雅黑中文字体

13.6K20

期末前端web大作业——基于HTML当当图书网项目的设计与实现 网上书城 网上书店 在线书店网页

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。...#m_left #l_up #title_up { background-image: url(img/navTitleBg.jpg); height: 25px; font-family: "微软雅黑..."; font-size: 12px; color: #155cb4; } .a_huise { font-family: "微软雅黑"; color: #958a88; font-size:...13px; text-decoration: line-through; } .a_red { font-family: "微软雅黑"; color: #bf0100; font-size:...、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分；undefined 所有页面相互超链接，可到三级页面，有5-10个页面组成； 页面样式风格统一布局显示正常，不错乱，使用Div+Css技术； 菜单美观

1.2K20

前端学习(7)~css学习(一)：字体属性和文本属性

页面中，中文我们一般使用：微软雅黑、宋体、黑体。英文使用：Arial、Times New Roman。页面中如果需要其他的字体，就需要单独安装字体，或者切图。...（2）为了防止用户电脑里，没有微软雅黑这个字体。就要用英语的逗号，提供备选字体。...如下：（可以备选多个） font-family: "微软雅黑","宋体"; 上方代码表示：如果用户电脑里没有安装微软雅黑字体，那么就是宋体。...，英文会采用Times New Roman字体，而中文会采用微软雅黑字体（因为美国人设计的Times New Roman字体并不针对中文，所以中文会采用后面的微软雅黑） （4）所有的中文字体，都有英语别名...微软雅黑的英语别名： font-family: "Microsoft YaHei"; 宋体的英语别名： font-family: "SimSun"; 于是，当我们把字号、行高、字体这三个属性合二为一时，

1.8K20

聊一聊“@font-face”

早在九十年代 CSS 就有了自定义字体的语法，IE4是首个实现此语法的浏览器，没错，就是IE。不过，字体格式只能是微软自己开发的 EOT(Embedded Open Type) 格式。...EOT 允许字体的作者保护字体不被非法复制，微软不允许其他浏览器厂商使用该格式，因此它只能在 IE 下使用。 这对当时来说太超前了。还记得在 windows XP 下看使用了『微软雅黑』的网页吗？...因此回到上面的问题，由于『微软雅黑』不是 XP 的系统字体，XP 默认没有开启 ClearType，因此当在装有『微软雅黑』字体的 XP 上访问将字体设为『微软雅黑』的网页时，看起来会很模糊。...3、truetype woff 以及 svg 上面 CSS 声明中使用了 4 种字体格式，其中 EOT 格式前面已经提过，它是 IE 的专有格式，下面看一下余下的 3 种格式。...在 IE9 中可以使用 IE7 和 IE8 的模式渲染页面，微软修改了在兼容模式下的 CSS 解析器，导致使用 ? 的方案失效。

1.4K50

网页|CSS字体介绍

除了上一节我们讲到的背景以外，字体也是一个我们最常用到的属性，接下来我们就来讲一讲CSS字体。 CSS字体(font)属性定义文本中的字体，我们将从以下几个方面进行介绍。...如文档所有元素使用“微软雅黑”字体： body{font-family:微软雅黑;} b) 指定字体会产生一个问题，如果用户没有安装这种字体，就只能使用默认字体来显示。...可以通过指定字体和通用字体系列相结合来解决这个问题，如： body{font-family:微软雅黑,sans-serif;} c) 如果用户没有安装“微软雅黑”，但安装了Times字体（serif系列...CSS3服务器端字体 在CSS3之前，Web设计师必须使用已在用户计算机上安装好的字体。...现在通过CSS3 @font-face，Web设计师可以使用他们喜欢的任意字体，并将该字体文件存放到Web服务器上，用户在访问页面时，字体会在需要时被自动下载到用户的计算机上。

2.5K20

WecTeam：撸了这么多代码，你真的了解字体吗？

常见的无衬线体有： •黑体•Windows 平台默认的中文字体：微软雅黑（Microsoft Yahei）•Windows 平台默认的英文字体：Arial•Mac & iOS 平台默认的中文字体：苹方（...如果你不知道用什么字体，那就用系统的默认字体就好：Win 平台用微软雅黑、Mac 平台用苹方字体。 如果你发现一名设计师，在做海报设计、或者制图的时候，使用了宋体，说明她一定是个外行。...操作系统上使用苹果的“苹方”字体，在 Windows 系统上用微软雅黑字体，如果这两个字体都没有，就随便找一个无衬线体进行显示。...就拿“微软雅黑”这个字体来举例，它只支持两种粗细，所以当你在代码里写成500的时候，也会被认为是400。但是 Mac 上的“苹方”字体，就支持至少六种粗细。...•Windows 平台的“微软雅黑”字体：只有 >=600 才会加粗，而且加粗效果相同。

1.3K10

小程序.我还是不知道起什么名字

加个字体 代码会将welcome页面中的所有text组件的字体更改为微软雅黑。那我们思考一个问题，假如现在有100个页面，而100个页面里几乎所有的字体都应该是微软雅黑。...抱歉,写错地方了 如果不想在某个页面中使用全局默认样式，那么只需要在相应页面的wxss文件中重新定义这个样式即可。小程序会优先选择页面的wxss文件，而不是app.wxss文件。...这个也是css的内容，样式选择器的优先级。 到目前为止，我们的welcome页面已经像那么回事儿了。但页面的样式和设计图还不太一样，设计图中整个页面呈现的是橘红色，而现在的页面还是白色。...我们之所以说小程序无论从开发还是设计上都比较简单，有很大一部分原因是因为小程序做了很多这样的“强制性约束”，不给开发者很大的自由度，自然简单。...在前面 我使用了app.json的一个配置项pages，用来注册小程序页面文件. window配置可项用来设置小程序的状态栏、导航栏、标题和窗口的背景色。

1.4K20

前端复习：CSS专题3

页面中，中文我们只使用： 微软雅黑、宋体、黑体。 为了防止用户电脑里面，没有微软雅黑这个字体。...就要用英文的逗号，隔开备选字体，就是说如果用于电脑里面，没有安装微软雅黑字体，那么就是宋体： font-family: "微软雅黑","宋体"; 备选字体可以有无数个，用逗号隔开。...我们要将英文字体，放在最前面，这样所有的中文，就不能够匹配英文字体，就自动的变为后面的中文字体： font-family: "Times New Roman","微软雅黑","宋体"; 所有的中文字体，...都有英文别名，我们也要知道： 微软雅黑的英文别名为：font-family: "Microsoft YaHei"; ；宋体的英文别名为：font-family: "SimSun";。...可以使用如下设置使其水平居中： left:50%; margin-left:负的宽度的一半 6 固定定位 固定定位，就是相对于浏览器窗口的定位。无论页面如何滚动，这个盒子显示的位置不变。

83520
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券