CSS3学习选择器、字体_html/css_WEB-ITnose

??

属性选择器
[att*=val]{}若att元素属性值包含val指定字符,则使用该样式
[att^=val]{}若att元素属性值开头字符为val,则使用该样式
[att&=val]{}若att元素属性值结尾字符为val,则使用该样式

例:

立即学习“前端免费学习笔记(深入)”;

[id^=section1]{background-color: yellow;}

登录后复制

立即学习“前端免费学习笔记(深入)”;

立即学习“前端免费学习笔记(深入)”;

示例文本2
示例文本1-1
示例文本1-2
示例文本2-1
示例文本2-2

登录后复制

立即学习“前端免费学习笔记(深入)”;

target选择器:

页面内href跳转时,重新定义目标的属性

font字体:以前的版本网页中应用的特殊字体只有在客户端有这个字体时候该字体才能正常显示,

             而css3支持从服务器中获取字体,也就是说你把字体文件放到font文件夹,可以直接通过url使用这个字体

             这一新的变化真的带来了很大的便利。例:

立即学习“前端免费学习笔记(深入)”;

@font-face{font-family: WebFont;src:url('font/FZJZFW.TTF') format("truetype");font-weight: normal;}

登录后复制

article{font-family: WebFont;}

登录后复制

文章内容

网页级内容区块的正文

section级内容的正文

section级内容区块的正文

登录后复制

立即学习“前端免费学习笔记(深入)”;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3091777.html

(0)
上一篇 2025年3月28日 13:12:07
下一篇 2025年3月28日 13:12:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 编程是学些什么东西

    近两年因为特殊情况,很多认识的人都便成了自由职业者。于是乎人们越加的知道有一门技防身可以防患于为未然。而文中讲述的编程便是大家最为常用的,一起拿看看看吧, 编程是学些什么东西 说到编程大家都不会陌生,编程当然可以自学,但首先应该选择容易入门…

    2025年4月19日
    718.6K00
  • HTML教程-字体

    在 html 中,字体标签是不被支持的。一般都认为,在今后版本的 html 中,这个标签会被清除出去。 即使很多人都在用它,我们都应该尽量避免它,而使用样式取而代之。字体标签font使用类似下面的HTML代码,你可以定义浏览器输出的尺寸和类…

    编程技术 2025年4月4日
    100
  • 关于HTML5和CSS替换使用

    听到html5的都知道它的强大,如更多的描述性标记、较少依赖于插件的多媒体支持、跨文档消息通信、web sockets、客户端存储、更强大的表单、提升可访问性、先进的选择器、强大的视觉效果。费话不多说,细细说来 被废弃的标签和属性 废弃的标…

    编程技术 2025年4月4日
    100
  • vscode如何修改字体大小

    打开vscode开发工具,选择左上角“文件”》“首选项”》“设置”。 在设置页面的搜索框中输入fontsize,在Editor:Font Size的输入框中输入要设置的字体大小。 设置字体大小后回到vue文件页面,这个时候就会发现设置的字体…

    2025年4月2日 编程技术
    200
  • vscode如何设置代码字体大小

    打开pc端的vscode软件,然后点“首选项” 开始设置代码字体大小,点“设置”菜单 查找到这个属性就可以设置vscode的字体大小了 接着鼠标点击白色区域的“复制到设置”就ok了 接着在右侧修改数值就可以了,这样就可以覆盖掉原来的字体大小…

    2025年4月2日 编程技术
    300
  • 如何修改vscode字体大小

    打开vscode软件,左上角有一个文件,点击首选项,选择设置 在常用设置中有一项“以像素为单位控制字体大小”,修改为自己想要的字号即可 相关文章教程推荐:vscode教程 以上就是如何修改vscode字体大小的详细内容,更多请关…

    2025年4月2日
    100
  • Vue开源学习资源汇总:文档、实战、博客、视频等

    vue作为前端开发中的一项重要技术,一直受到广泛的关注和应用。随着vue的不断发展,越来越多的开发者开始尝试使用它来构建自己的应用。 对于刚开始学习Vue的开发者来说,了解Vue的相关学习资源非常重要。在本文中,我们将为大家介绍一些值得学习…

    编程技术 2025年4月1日
    200
  • Photoshop基础_初学者学习经验谈

    photoshop初级的东西,网上教程一大把,等基础工具学会了,拼的就不是操作了,而是创意。  看了一大把的photoshop实例教程都觉得解决不了其他人“创意”的领悟提升。所以,我的想法就是,如果你觉得你创意思维不够,最好不要玩ps~~~…

    编程技术 2025年4月1日
    100
  • 巧妙修改综艺体和汉真广标两种字体

    这种字应该叫什么字才好呢。。。直边字很别扭具体修改方法:字体:经典综艺体。 写好你要的字。字号大一点(方便修改) 把字体转换为路径,取消组合。 开始修改,用放大镜放大画布,看到字体的圆角部分,用部分选定工具删除多余的节点,拐弯处只留 这种字…

    2025年4月1日 编程技术
    200

发表回复

登录后才能评论