首页
学习
活动
专区
圈层
工具
发布

HTML详解连载(5)

font-family属性最后设置一个字体族名,网页开发建议使用无衬线字体 font 复合属性 使用场景 设置网页文字公共样式 复合属性 属性的简写方式,一个属性对应多个值的写法,各个属性值之间用空格隔开 font:是否倾斜...是否加粗 字号/行高 字体(必须按顺序书写) 示例 div { font:italic 700 30px/2 楷体; } 注意 字号和字体值必须书写,否则font属性不生效 文本缩进 属性名 text-index...属性名 color 属性值 颜色表示方式 颜色关键字-颜色英文单词 rgb表示法-rgb(r,g,b)-rgb三原色 取值0-255 rgba表示法-rgba(r,g,b,a)a表示透明度 取值0-...1 十六进制表示法-#RRGGBB 提示 只要属性值为颜色,都可以使用上述四种颜色表示方式,例如:背景色。...属性},选择器之间用,隔开 交集选择器 选中同时满足多个条件的元素 写法 选择器1选择器2{CSS属性},选择器之间连携,没有任何符号 注意 如果交集选择器中由标签选择器,标签选择器必须书写在最前面

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

    (第一版)知识点

    标签选择器 p 包含选择器 .box p 群组选择器 , 通配符 * 选择器的优先级 1.选择器优先级一致的情况下,后面的样式会覆盖前面的样式 2.行间样式>id选择器>class选择器>标签选择器...第二种方法解决 浮动 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。...定位层级 a、定位元素默认后者层级高于前者; b、建议在兄弟标签之间比较层级 z-index:[number]; 定位层级 position:fixed; 固定定位 与绝对定位的特性基本一致,的差别是始终相对整个文档进行定位...需要注意的是在CSS的定义中,同一个元素的:hover必须位于:link、:visited之后才能生效,:active必须位于:hover之后才能生效。...:before 在元素内容的最前面添加新内容。 :after 在元素内容的最后面添加新内容。

    1.5K20

    零基础学前端开发之CSS基础

    优势 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的CSS,有利于网页被搜索引擎收录 2.语法格式 语法格式...1、直接写颜色 也要复合写法 yellowgreen 黄绿色 2、16进制 3、RGB 红绿蓝 三原色 颜色不需要记,ui会给你的 文字对齐方式 text-align: center 居中...超链接的伪类:a:link、a:visited、a:hover、鼠标cursor:wait|pointer a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!...在 CSS 定义中,a:active 必须位于 a:hover 之后,这样才能生效!...注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 default 默认光标(通常是一个箭头) auto 默认。浏览器设置的光标。

    44310

    译|你不知道的CSS国际化

    [lang|="zh"] /* 将匹配 zh, zh-HK, zh-Hans, zh-amazing, zh-123 */ 请记住,对于属性选择器,该属性必须位于要设置样式的元素上,如果该属性在父项或祖先项上将不起作用...逻辑属性 网页上的所有内容都是一个盒子,CSS始终使用top、bottom、left 和 right 的物理方向来指示我们要定位盒子的哪一侧。...在以水平书写模式书写中文时,这些点位于字符上方,而在以垂直书写模式书写时,这些点位于字符左侧。 ?...为了使CSS属性更具通用性,在CSS文本装饰模块 Level 3)中引入了文本强调样式,文本强调位置和文本强调颜色。...您可以使用除点以外的其他符号,例如 circle, triangle或单个字符作为字符串,位置和颜色也可以根据其各自的属性进行调整。 ?

    2K10

    达观金克:RPA界面元素智能自适应定位与操控技术

    05 Win32 APIWin32 API是微软第一代应用程序可访问API。Win32 API出现在.NET之前,是底层的Windows API。...例如:Win32 API查询窗体需要逐层获取窗体句柄进行遍历查找技术落后,用途不广。例如:Win32 API对新UI框架以及自定义控件的支持很差。...优点:相较Win32 API更简单易用。使用者只需要和 IAccessible 进行交互,也不需要直接使用windows消息来操作目标元素。相较Win32 API支持了部分自定义控件。...针对传统程序,UIA可以在内部实现中借用MSAA的接口和直接调用Win32 API。高度抽象,易于使用。...08 JABJAB(Java Access Bridge)是一项在Microsoft Windows动态链接库(DLL)中公开Java Accessibility API的技术,使实现Java Accessibility

    1.9K10

    window32api_win32api与硬件设备

    Win32API 相关文章如下: Win32利用CreateEvent 实现简单的 —— 线程同步 Win32消息处理机制与窗口制作 Win32远程线程注入 .dll 文件 Win32删除目录下的所有文件...—— 递归遍历 (一)Win32服务程序编写 —— 使用SC命令创建与删除 (二)Win32服务程序编写 —— 使用命令行参数创建与删除 Win32使用快照、psapi.dll、wtsapi32...(四)Win32进程通信 —— 剪贴板的使用 (五)Win32进程通信 —— 匿名管道 (六)Win32进程通信 —— 邮槽的使用 ---- 常用的 Api汇总如下所示: 线程与进程 ZeroMmory...的值 OffsetRect // 偏移矩形 InflateRect // 矩形变大/变小 SetRectEmpty // 设置矩形的值为空 IsRectEmpty // 判断矩形是否为空...IntersectRect // 两个矩形的交集 UnionRect // 两个矩形的并集 PtlnRect // 判断点是否在矩形中 ---- Winodw GetClassName

    1.1K10

    Windows截图工具Acropalypse漏洞剖析:开发者中心安全的重要教训

    旧的Win32保存文件API大致是:显示文件选择器,获取用户选择的文件名,然后打开文件。打开文件时,程序员必须指定是否覆盖文件,示例代码通常会覆盖文件。...目前,它只有Read和ReadWrite,不像功能丰富得多的Win32 CreateFile API。我们应该重新审视Postel法则吗?但为什么这个缺陷持续了这么长时间?...此外,虽然我没有彻底调查UWP API,但我最初看到的内容确实让我有些担忧。例如,OpenAsync的API非常薄弱。Win32 CreateFile允许在打开前检查现有文件并设置安全参数。...是否可能隐藏着一些竞争条件?最后,鉴于有缺陷的API,期望其他应用程序也容易受到Acropalypse攻击是合理的。扫描此类问题并非易事,但我认为可以在Process Monitor中发现该行为。...请注意,文件总是会存在,因为选择器会在需要时创建它。因此,我认为如果存在文件被打开、非零长度以及在截断前有写入的序列,那可能是Acropalypse易受攻击应用程序的实例。

    17410

    前端构建:Less入了个门

    & 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 &指向组选择器时,会生成新的组选择器   Less源码: /* * 采用&引用完整的父选择器 * 可通过追加和预追加的方式加工...&,从而生成新的选择器 * 通过&::after等方式添加伪元素样式规则集合 * 同一个选择器可使用多个& * 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 */ @...& * 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 */ #ps1 .btn { background-color: #aaaaaa; border-radius: 5px...颜色处理函数     颜色处理函数又分为四大类:颜色定义函数(Color Definition)、颜色通道值获取函数(Color Channel)、颜色通道值修改函数(Color Operation Function...src/less下,而生成的css和sourcemap文件位于bin/style下,那么就需要修改sourcemap文件中用于指向less文件路径的sources属性值,浏览器才能通过sourcemap

    1.6K70

    CSS3总结

    CSS3总结 一、选择器 1.通用选择器 E~F:E后边所有和E同级的F 2.属性选择器 E[att^=’val’]:att属性中以val开头的 E[att$=’val’]:以val结尾的 E[att*...=’val’]含有val的选择器 3.伪类选择器 E:nth-child(n):选中E的父亲的第n个孩子并且该孩子必须是E否则选不中 E:nth-of-type(n):选中所有的E再从中选出第N个E 二...(rgba), 水平偏移量 垂直偏移量 阴影模糊值 颜色(rgba), 水平偏移量 垂直偏移量 阴影模糊值 颜色(rgba); box-shadow:水平偏移量 垂直偏移量 阴影模糊值 阴影外延值 颜色...percentage: 百分比指定  auto: 真实大小 cover:等比缩放到完全覆盖容器,背景图像有可能超出容器   contain: 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内...start 每个盒子沿父盒子的上边缘排列,余下的空间位于底部; end 每个盒子沿父盒子的下边缘排列,余下的空间位于顶部; center 可用空间平均分配,上面一半,下面一半; baseline 所有盒子沿着它们的基线排列

    76420

    前端构建:Less入了个门

    & 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 &指向组选择器时,会生成新的组选择器   Less源码: /* * 采用&引用完整的父选择器 * 可通过追加和预追加的方式加工...&,从而生成新的选择器 * 通过&::after等方式添加伪元素样式规则集合 * 同一个选择器可使用多个& * 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 */ @...& * 通过在选择器后添加 "空格&"的方式,可将当前选择器排列到最前面 */ #ps1 .btn { background-color: #aaaaaa; border-radius: 5px...颜色处理函数     颜色处理函数又分为四大类:颜色定义函数(Color Definition)、颜色通道值获取函数(Color Channel)、颜色通道值修改函数(Color Operation Function...src/less下,而生成的css和sourcemap文件位于bin/style下,那么就需要修改sourcemap文件中用于指向less文件路径的sources属性值,浏览器才能通过sourcemap

    2K70

    CSS第二天

    每组选择器可以是基础选择器或复合选择器,每组选择器通常一行写一个,提高代码的可读性 交集选择器:如果有标签选择器,标签选择器必须写在最前面 hover伪类:鼠标悬停在元素上的状态,设置样式 ---- Emmet...___li200px–(后面这个px必须自己上上去) 文本居中 text-align___tac 文本缩进 text-indent___tl 文本修饰 text-decoration___tdn 背景颜色...background-color___bgc 网页端,后面我会添加,暂时放个空链接:点击进入 ---- 背景相关属性: 1️⃣背景颜色:background-color(bgc) 颜色默认值是透明,...rgba(0,0,0,0) 、transparent 2️⃣背景图片:background-image(bgi) url中可以省略引号,图片默认水平和垂直方向平铺,类似于背景颜色,不能撑开盒子 3️⃣背景平铺...: p标签不要嵌套div、p、h等块级元素 a标签可嵌套任意元素,但a标签不能嵌套a ---- CSS 三大特性: 1️⃣继承性: 子元素有默认继承父元素样式的特点(子承父业) 可通过调试工具判断样式是否可继承

    1.8K10

    Kubernetes 部署语言(Kubernetes Deployment Language)

    以下内容不是该符号体系的目标: 自动生成 API 对象定义 颜色编码 一般来说,Kubernetes API 对象涵盖以下范畴: 范畴 颜色约定 例子 Kubernetes 集群 红 Kubernetes...这将隐式定义服务选择器,因此无需在图片中指示它。 如果服务允许从集群外部到内部 pod 的流量(例如负载均衡器或节点端口或外部 IP),则应在集群边缘进行描述。...Ingress 始终显示在 OpenShift 集群的边缘。 [EdgeIngress] 路由 (OpenShift) OpenShift 路由使用与 Ingress 相同的符号表示。...存储的颜色是蓝色的,它的形状是一个桶,部署如下图: [StorageTemplate] 存储应指明持久卷名和存储提供程序(例如 NFS、gluster 等)。...存储始终位于集群的边缘,因为它是指向外部可用存储的配置。

    1.2K40
    领券