前端微讲解(三) 伪元素选择器 # 1.修改首个字体样式 p:first-letter { color: red; # 让文本第一个字变为红色 font-size: 48px; # 让文本第一个字大小变为48px } # 2.在文本开头添加内容 p:before { content: '**'; # 在文本开
CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下来,继续看下,使用CSS有
盒模型 不同元素产生的盒子类型可能不同 一个元素,产生什么样的盒子,取决去它的 CSS display属性 display:none 不生成盒子 display:inline 行盒 display:block 块盒 display:inline-block 行内块 既可以设置宽高又可以多个元素一排显示 盒子组成 一个盒模型由 content 内容 + padding
注释快捷键——ctrl+/ 标题标签H1-H6 H1-H6属性:align="left/center/right" 左 中 右 段落标签 <p></p> <p></p>属性:align="left/center/right" 左 中 右 换行标签<br> 分割线<hr>  :空格 一个汉字占两个空格 ©:版权信息 © 超链接标签<a href="
盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
client翻译过来就是客户端,我们使用client系列的相关属性来获取元素可视区的相关信息。 通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 <style> div { width: 500px; height: 500px; background-color: aquamarine;
<body> <table> <tr> <caption>表格标题</caption> <td>单元格内容1</td> <td>单元格内容2</td> <td>单元格内容3</td> </tr> <tr>
Fabric 中提供了很多基本形状,属性也大部分类似,这里先记录下 rect 相关 绘制一个矩形并添加到 canvas 上: defaultRect 中的属性配置: 还可以配置其他属性: rect.set({ angle: 0, // 设置角度 backgroundColor: 'red', // 背景色 borderColor: 'purple', // 激活
1>margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。 2>padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离 3>负数的 margin一般设置margin的时候都习惯用正数, 其实也可以用负数,比如很常见的弹出广告页面的,右上角的cancle按钮的 margin 就
matplotlib是python数据可视化的基础包。当前能搜到的博客所列举的内容都太少,很难满足定制化需求 官方文档:https://matplotlib.org/stable/api/pyplot_summary.html 首先调用接口 import matplotlib pyplot as plt 下面除了直接绘制图表的函数以外每一个函数都是可选的,如果
1. 什么是边框图片 为了实现丰富多彩的边框效果,在css3中,新增了 border-image属性,这个新增属性允许指定一副图像作为元素的边框。 2. 边框图片的使用场景 盒子大小不一,但是边框样式相同,此时就需要边框图片来完成,不是背景图片,而是用边框图片来实现。 3. 边框图片的切图
镇楼图 Pixiv:torino 五、盒子模型(Box Model)——尺寸 在理解了选择器、运作机制后就是识记大量的属性了。CSS非常非常多的属性用来美化网页,先从最核心的盒子模型开始 盒子模型是从CSS开始引入用于设计和布局的使用的模型 在网页打开F12便可以看到 【【】】 盒子模型即一个元素
a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:active {color:#0000FF;} /* 鼠标点击时 */ 不要在属性值与单位之间留有空格(如:"margin-left: 20 px" ),正确的写法是 "marg
1 CSS3 新增边框属性 1.1 边框圆角 CSS 属性名 含义 值 border-top-left-radius 左上角 长度 border-top-right-radius 右上角 长度 border-bottom-left-radius 左下角 长度 border-bottom-right-radius 右下角 长度 border-radius 长度 单个圆角属性值的设置
盒子模型: margin:外边距 padding:内边距 border:边框 边框: 边框的粗细 边框的样式 边框的颜色 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 8
1、表格 在现实生活中,我们经常需要使用表格来表示一些格式化数据: 课程表、人名单、成绩单... 同样在网页中我们也需要使用表格,我们通过table标签来创建一个表格 在table中使用tr表示表格中的一行,有几个tr就有几行 在tr中使用td表示一个单元格,有几个 td就有几个单元格 rowspan
css第03天 一、css三大特性 1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则: 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠 2、继承性 CSS中的继承:
二、装饰 1.1 认识基线(了解) 基线:浏览器文字类型元素排版中存在用于对齐的基线(baseline) 1.2 文字对齐问题 场景:解决行内/行内块元素垂直对齐问题 问题:当图片和文字在一行中显示时,其实底部不是对齐的,而是图片底部和文字基线是对齐的 1.3 垂直对齐方式 属性名:vertical-align
ShareX在截图上添加文字类型有两个绘图:文字(描边)和绘图:文字(填充) 我感觉描边文字没有实体文字好看,所以就研究了一下怎么添加实体文字。 这里提供两种思路: 将描边文字的边框设置成透明,在输入文字时自定义文字颜色。 将填充文字的填充颜色设置成透明,在输入文字时自定义文字颜色。
client 的翻译为客户端,我们学习 client 可以用它的相关属性来得到元素大小(包括 padding 与内容区域,但是不包含边框)或得到元素的边框大小,可以动态地获取到这些值。 client的几种基本属性: element.clientTop:获取元素上边框的大小element.clientLeft:获取元素左边边框的大小elem
CSS 边框宽度 border-width 属性指定四个边框的宽度。 可以将宽度设置为特定大小(以 px、pt、cm、em 计),也可以使用以下三个预定义值之一:thin、medium 或 thick: 实例 演示不同的边框宽度: p.one { border-style: solid; border-width: 5px; } p.two { border-style: solid;
有些在html布局中,为了更加灵活,会使用没有设置高度的盒子,让子盒子来控制父盒子的高度,在灵活方便的同时也会有可能出现父盒子边框塌陷问题。 1 <title>盒子模型</title> 2 <style> 3 #man{ 4 width: 300px; 5 6
1. QLabel默认是NoFrame的,不显示边框。可通过setFrameShape设置。比如:label->setFrameShape (QFrame::Box); 2. QLabel的边框宽度默认是0。必须更改一下边框宽度,才能显示出边框颜色。 3. 例如改变QLabel边框颜色 label->setFrameShape (QFrame::Box);label->setStyleSheet("
越来越多的人开始用拍视频的形式来记录生活中的点点滴滴,再保存下来进行后期剪辑,那么该如何实现呢?今天小编就以虚化边框为例,教大家操作。 教程之前,先预览一下用视频剪辑高手快速缩小原视频,对边框进行虚化的效果 所有新视频都保存在统一文件夹之中 双击一个新视频进去查看,播放
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 最近有个小伙伴问我,在某个网站看到一个使用 SVG 实现的炫彩三角边框动画,问能否使用 CSS 实现: 很有意思的一个动画效果,立马让