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

从头学前端-CSS基础01

CSS也是一种标记语言(和html一样，不是个编程语言)；Html主要是页面结构，显示元素内容，CSS是美化页面，布局网页；CSS规则主要有选择器和样式声明组成；样式声明以键值对的形式出现；如下：p{font-size...；id选择器是通过标签的Id属性值作为选择器，id以#开始；其他与类选择器类似；相比类选择器，id可以表示一个标签，id只能使用一次；通配符选择器使用*定义，它表示选取页面所有的元素；图片CSS字体属性字体属性用于定义字体系列...，大小，粗细和文字样式等；字体系列：font-family字体大小： font-size; 大小以px(像素)为单位；谷歌浏览器默认的大小为16px; 一般情况下给body添加此属性；标题标签特殊设置字体粗细...，预定义颜色值，RGB和16进制对齐文本： text-align用于设置水平对齐方式，属性值，left right center装饰文本： text-decoration 给文本添加下划线，删除线，上划线...一个页面的搭建过程搭建页面html结构> 根据页面展示内容，设置页面标签添加CSS样式> 添加body全局css 添加各个标签样式注意图片标签没有水平居中样式，如要水平居中，需要放到行标签中，如p和div

1.1K00

前端(二)-CSS

属性 说明 font-family 设置字体类型(字体) font-size 设置字体大小 font-style 设置字体风格 font-weight 设置字体粗细 font 设置字体的所有属性（字体风格...→字体粗细→字体大小→字体类型） 字体的粗细 值 说明 normal 默认值，定义标准的字体 bold 粗体字体 bolder 更粗体字体 lighter 更细体字体 100,200,300,400,500,600,700,800,900...定义由细到粗的字体400等于normal,700等于bold 3.3 文本样式 属性 说明 color 文本颜色 text-align 元素水平对其方式 text-indent 首行文本的缩进 line-heighr...--在clear类后面添加内容为空--> display: block; clear: both; <!...(缩放倍数) 同时向x,y轴缩放，中心放大 transform:scaleX(缩放倍数) 只向x轴缩放，水平拉伸 transform:scaleY(缩放倍数) 只向y轴缩放，垂直拉伸 rotate()

1.8K20

matplotlib可视化必知必会富文本绘制方法

:属性值的方式完成各种样式属性的设置，譬如我们想要插入一段混合了不同粗细、色彩以及字体效果的富文本： from flexitext import flexitext import matplotlib.pyplot...我们使用flexitext()来替换ax.text()方法，它在兼容了ax.text()关于文字坐标以及对齐方式等常规参数的同时，帮助我们以特殊的格式定义文本内容及样式风格，下面我们就来进一步学习flexitext...name:LXGW WenKai>霞鹜文楷', ha="center") plt.savefig('图4.png', dpi=300) 2.2.3 利用weight设置文本字体粗细...、demi、bold、heavy、extra bold、black中的选项，不过这个属性依赖具体的字体族（flexitext中使用family属性来定义）是否包含对应的粗细版本，所以有时候设置无效是正常的...，譬如下面的例子中Times New Roman是完整的字体族，因此可以设置粗细： fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

61120

CSS基础知识巩固你的前端基础

css中常用的伪类如下表所示： 伪类名 说明 :active 向被激活的元素添加样式 :focus 向拥有输入焦点的元素添加样式 :hover 向鼠标悬停在上方的元素添加样式 :link 向未被访问的链接添加样式...:visited 向已被访问的链接添加样式 :first-child 向元素添加样式，且该元素是它的父元素的第一个子元素 :lang 向带有指定lang属性的元素添加样式 伪元素选择器 css中常用的伪元素如下表所示...： 伪元素名 说明 :first-letter 向文本的第一个字母添加样式 :first-line 向文本的第一行添加样式 :after 在元素之后添加内容 :before 在元素之前添加内容 css...定义文本的字体是否是斜体 font-weight 定义字体的粗细 font 可以一条样式定义各种字体属性 font-family用于设置元素的字体，该元素属性值一般可以设置多个字体。...font-weight用于设置字体的粗细， normal值等于400， bold的值等于700。

2K10

（数据科学学习手札128）在matplotlib中添加富文本的最佳方式

:属性值的方式完成各种样式属性的设置，譬如我们想要插入一段混合了不同粗细、色彩以及字体效果的富文本： from flexitext import flexitext import matplotlib.pyplot...我们使用flexitext()来替换ax.text()方法，它在兼容了ax.text()关于文字坐标以及对齐方式等常规参数的同时，帮助我们以特殊的格式定义文本内容及样式风格，下面我们就来进一步学习flexitext...name:LXGW WenKai>霞鹜文楷', ha="center") plt.savefig('图4.png', dpi=300) 2.2.3 利用weight设置文本字体粗细...、demi、bold、heavy、extra bold、black中的选项，不过这个属性依赖具体的字体族（flexitext中使用family属性来定义）是否包含对应的粗细版本，所以有时候设置无效是正常的...，譬如下面的例子中Times New Roman是完整的字体族，因此可以设置粗细： fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

1.4K20

学生个人网页设计作品：旅游网页设计与实现——成都旅游网站4个页HTML+CSS web前端网页设计期末课程大作业 学生DW静态网页设计 学生个人网页设计作品

同时，地方旅游网站里的每一个网页都采用了统一的设计风格，以加强城市整体面貌统一的宣传效果。最重要的是做出旅游网站独特的风格，更能吸引浏览者的眼球。...网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...（2）页面使用了DIV+CSS布局，使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...【获取方式】 gitee码云源码仓库-欢迎Star: https://gitee.com/zhanyuqiu2022/my-app

1.3K10

PPT制作套路指南

它包括：字体、字号、行距、字重（字的粗细），还有设计感。 字体 中文常见字体有：宋体、黑体。 宋体属于衬线字体。...PPT同样如此，我们以往在制作PPT时过分讲究“提纲挈领”，习惯性的将我们要将的内容以“总分总”的形式呈现，而忽略了在视觉传达上的对比。 中英、颜色、间距、粗细、字号、图文、留白都是常用的套路。...说完了通过字体、字重、语言来增加设计感，接下来，就来谈谈图文对比。 图文对比 图文对比，并不完全是要求你强行插入一张图片，它可以以任何方式出现在你的PPT中。...这样以数字作为背景的PPT非常容易做，只需要将PPT的背景填充，再添加一个文本框只填充1个数字并放大。 ? 当然除了数字、字母作为背景，常见的还有直接插入图片。...版式 统一 版式讲究的是统一，最简单粗暴的方式就是将上一页的PPT复制，替换其中的内容。

1.1K20

CSS笔记(2)

CSS字体属性 CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体)....文字字体 CSS使用font-family属性定义文本的字体系列 文字大小 CSS使用font-size属性定义文字大小 文字粗细 CSS使用font-weight 设置文字的粗细效果...,400等价于normal,默认粗细字体,700等价于bold,粗体,注意后面不需要跟单位!!!...CSS文本属性 CSS Text睡醒可定义文本的外观,比如文本的颜色,对齐文本,装饰文本,文本缩进,行间距等. ①文字颜色 color用于定义文本的颜色 ②对齐方式 text-align...属性用于设置元素内文本内容的水平对齐方式 ③装饰文本 text-decoration属性规定添加到文本的修饰,可以给文本添加上划线,下划线和删除线等. ④文本缩进 text-indent属性用来指定文本第一行的缩进

59620

变体美术字设计手册

此处示意的「永」 字都是由最常规的笔画形状拼凑而来，另外在笔画形状的子类目里增加了「粗细」维度，因为字体的「粗细」会直观影响人们对字体的感觉和认识。 似黑体变体字的第一个小类: ?...「圆」的笔画粗细 在「圆」这一类里，字体粗细的不同，除了粗细本身呈现的感觉，给人的印象区分不是很大，只是粗的更为明显，如下： ? ? 来个例子消化一下： ?...「方、尖、圆、曲线」 的笔画粗细 在似宋体变体字这一类里，字体给人的印象和粗细关系并不大，只是粗的更厚重，细的更轻盈。 ? 来个例子消化一下： ? 3....创造 · 改造变体美术字的10 种基本方法 这一步是创造笔画或在原有笔画基础上对字体的笔画的细节进行改变，这里向大家介绍 4 种笔画创作的方法和 6 种改变已有笔画细节的方法。 ?...当然，在这个过程中字体的排列方式也很重要，什么样的排列方式更舒服，更适合你的产品需要自己斟酌。 ? 1. 笔画创作的 4 种方法 第一种——矩形造字法（三步走） ?

97880

初探HTML之CSS篇(属性)

---- CSS 字体属性(Font) 属性 描述 font 设置所有的字体属性 font-family 设置文字的字体系列 font-size 设置文字的字体尺寸 font-size-adjust...为元素规定aspect值 font-stretch 收缩或拉伸当前的字体系列 font-style 设置文字的字体样式 font-variant 设置文字中英文的打开方式 font-weight 设置文字粗细...nomal 正常 small-caos 英文编程大写，并以小字号进行展示 ---- CSS 文本属性(Text) 属性 描述 color 设置文本的颜色 direction 规定文本的方向/书写方向...向拥有键盘输入焦点的元素添加样式 ：hover 当鼠标悬浮在元素上方时，向元素添加样式 ：link 向未被访问的链接添加样式 ：visited 向已被访问的链接添加样式 ：lang 向带有指定lang...属性的元素添加样式 ---- CSS 为元素（Pseudo elements） 属性 描述 ：first-letter 向文本的第一个字母添加特殊样式 ：first-line 向文本的首行添加特殊样式

2K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券