首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用标签承载内容

) 如何收集信息 表单控件(input) 文本框 / 密码框 / 文本域 单选按钮 / 复选按钮 / 下拉列表 提交按钮 / 图像按钮 / 文件上传 组合表单元素 fieldset / legend HTML5.../ font) 文本的大小和字型(font-size / font-family) 斜体、粗体、大写和下划线(font-weight / font-style / text-decoration) 行间距...(line-height)、字母间距(letter-spacing)和单词间距(word-spacing) 对齐(text-align)方式和缩进(text-ident) 链接样式(:link / :visited...) 圆角(border-radius) 列表、表格和表单 列表的项目符号(list-style) 表格的边框和背景(border-collapse) 表单控件的外观 表单控件的对齐 浏览器的开发者工具...background-repeat / background-position) 布局 控制元素的位置(position / z-index) 普通流 相对定位 绝对定位 固定定位 浮动元素(float / clear) 网站布局 HTML5

2.3K20

《CSS揭秘》读书总结:背景边框

假设我们想给一个容器设置一层白色背景和一道半透明白色边框,body 的背景会从它的半透明边框透上来。...解决方案 默认状态下,背景会延伸到边框的区域下层,结合下面绿色背景虚线边框的图比较好理解: ?...这就可以解释我们遇到的难题:body 的背景并没有从内部 content 的半透明的白色半透明边框处透上来,而是在半透明白色边框处透出了这个容器自己的纯白实色背景,这实际上得到的效果跟纯白实色的边框看起来完全一样...2.多重边框 难题 多重边框的实现很长时间内都需要各种丑陋的 hack,比如使用多个元素来模拟多重边框。在 CSS 代码层面对多重边框进行灵活的调整看起来非常困难。...outline 方案 此方案适用于只创建两层边框的情况。第一层边框使用 border 属性创建,第二层边框使用 outline 属性创建。该方案非常灵活。

1.7K40

【Python100天学习笔记】Day23 CSS渲染页面

font-size / font-family) 粗细、样式、拉伸和装饰(font-weight / font-style / font-stretch / text-decoration) 行间距...(line-height)、字母间距(letter-spacing)和单词间距(word-spacing) 对齐(text-align)方式和缩进(text-ident) 链接样式(:link /...text-shadow 首字母和首行文本(:first-letter / :first-line) 响应用户 盒子(box model) 盒子大小的控制(width / height) 盒子的边框...、外边距和内边距(border / margin / padding) 盒子的显示和隐藏(display / visibility) CSS3新属性 边框图像(border-image) 投影.../ background-position) 布局 控制元素的位置(position / z-index) 普通流 相对定位 绝对定位 固定定位 浮动元素(float / clear) 网站布局 HTML5

78320

CSS 基础

层叠样式表 (Cascading Style Sheets),一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言 CSS 的三种引入方式 头部引入,通过在...html5 html5 是html的第五个演进版本 text 文本 text-align 属性,规定元素中的文本的水平对齐方式...line-height: 0.5; //数值,设置数字,此数字会与当前的字体尺寸相乘来设置行间距 line-height: 10px; //像素值,设置固定的行间距 text-decoration...富强民主文明和谐,自由平等公证法制,爱国敬业诚信友善; 富强民主文明和谐,自由平等公证法制,爱国敬业诚信友善; Nian糕 关于 em ...padding 简写属性在一个声明中设置所有外边距属性 content 属性 :before 及 :after 伪元素配合使用,来插入生成内容 border-style 属性,用于设置元素所有边框的样式

3.2K40

iOS调整导航条BarButtonItemtitleView 的间距

前言 例子:调整BarButtonItem按钮和titleView的间距 1、原理:titleview的起点位置和尺寸依赖于leftBarButtonItem和rightBarButtonItem的位置...屏幕边界 或者titleView 的间距 只要分别调整rightBarButtonItems 数组元素的顺序。...5pix,所以width设为-5时,间距正好调整 * 为0;width为正数时,正好相反,相当于往左移动width数值个像素 */ negativeSpacer.width...5pix,所以width设为-5时,间距正好调整 * 为0;width为正数时,正好相反,相当于往左移动width数值个像素 */ negativeSpacer.width...5pix,所以width设为-5时,间距正好调整 * 为0;width为正数时,正好相反,相当于往左移动width数值个像素 */ negativeSpacer.width

2K20

CSS3选择器边框样式

边框样式 border属性可以用于控制标签的边框样式,边框的尺寸使用px为单位。 常用的边框的线条样式: solid 实线 none 无边框线 double 双线 dashed 虚线 代码示例: ?...边框可以根据上下左右来控制: border-top 上边框 border-bottom 下边框 border-left 左边框 border-right 右边框 代码示例: ? 运行结果: ?...边框还可以调整四角的弧度: border-radius 调整边框的弧度,单位可以用px和% 把照片的边框调整成圆形示例: ? 运行结果: ? 调整文本框弧度示例: ? 运行结果: ?...图片边框:border-image 使用此属性可以将图片设置到边框上,末尾可以使用round或stretch来定义图片围绕或是拉伸效果。 代码示例: ? 运行结果: ? 代码示例: ? 运行结果: ?

1.8K40

HTML-CSS基础学习

元素配合使用 datalist 可选数据的列表,input元素配合使用,可以制作出输入值的下拉列表 datagrid 表示可选数据的列表,以树形列表形式显示 email 表示必须输入...应该独立于设备 开发进程透明 HTML5开发工具 Dreamweaver CS Nodeped++ HBuilder Sublime Text WebStorm Visual Studio Code HTML5...output 用于浏览器中显示计算结果或脚本输出(需要js辅助) HTML5画布 HMTL5音频视频本地存储...text-align 内容的水平对齐方式 text-align-last 块内最后一行或者被强制打断的行的对齐方式 text-justify 调整文本使用的对齐方式 word-spacing 单词直接的间距...letter-spacing 字符之间的间距 text-indent 文本的缩进 vertical-align 内容的垂直对齐方式 line-height 对象的行高 文本装饰属性 text-decoration-line

4.8K30

HTML5视频音频

简单介绍 HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外,评论点集中在浏览器提供商对音频/视频格式 的不同选择。...HTML5 提供的一个解决方案是 ,让你可以指定多个不同格式的源文件,以便于用户浏览器选择它认识的文件。对于 < IE9 和旧浏览器,你将需要一个折衷的解决方案。...当你第一次尝试 HTML5 的音频/视频,你可能会想知道这些可能对你有帮助的东东: 你的服务器必须支持你打算提供的音频/视频的 MIME 格式。你将需要检查一下其在本地服务器上是否被支持。...如果你使用 Safari 来检测 HTML5 的音频/视频支持,需要安装 QuickTime Player,没有QuickTime Player 的 Safari 什么都不能播放。...利用 MPEG Audio Layer 3 的技术,将音乐以1:10 甚至 1:12 的压缩率,压缩成容量较小的文件,而 对于大多数用户来说重放的音质最初的不压缩音频相比没有明显的下降。

2K40

IT课程 HTML基础 014_多媒体和嵌入内容

多媒体和嵌入内容 HTML5中的音频和视频标签的使用 嵌入内容的应用,如地图、嵌入网页等 图片 图片是一种非常重要的媒体类型,能够提升用户体验,使信息传递更为直观和生动。...border:指定图像的边框。 hspace:指定图像周围元素的水平间距。 vspace:指定图像周围元素的垂直间距。 ismap:指定图像是否为地图图像。...如果同时设置了图片的宽度和高度,而这两个值的比例图片本身的比例不一致,那么图片可能会被拉伸或压缩,造成形变。...如果图片链接设置了边框,那边框默认和超链接一样的颜色 视频 HTML 视频元素用于在网页中嵌入视频。视频元素的标签是 。...frameborder 属性定义 元素的边框是否可见。 border 属性定义 元素的边框宽度。

5410

【前端就业课 第一阶段】HTML5 零基础到实战(七)文字及图片详解

/img/1.png"> 2.2 图片边框 那可以加边框吗? 当然可以了,例如如下示例使用 border 为图片增加边框。.../img/1.png"> 2.3 图片水平垂直距离 如果有多张图片我们可以设置其图片的 水平间距 hspace 或者 垂直间距 vspace,例如如下代码。...目录 【前端就业课 第一阶段】HTML5 零基础到实战(九)列表 【前端就业课 第一阶段】HTML5 零基础到实战(八)表单详解 【前端就业课 第一阶段】HTML5 零基础到实战(七)文字及图片样式...【前端就业课 第一阶段】HTML5 零基础到实战(六)表格详解 【前端就业课 第一阶段】HTML5 零基础到实战(五)基础元素 【前端就业课 第一阶段】HTML5 零基础到实战(四)伪类伪元素...【前端就业课 第一阶段】HTML5 零基础到实战(三)一篇文CSS基础入门 【前端就业课 第一阶段】HTML5 零基础到实战(二)超链接 【前端就业课 第一阶段】HTML5 零基础到实战(一)基础代码结构详解

51130

面试题必备-web页面基础

网页头部header html5新增语义化标签,定义网页的头部 主要用于布局,分割页面的结构 底部信息footer html5新增语义化标签,定义网页的底部 主要用于布局,分割页面的结构 导航nav html5...background-repeat background-repeat: no-repeat no-repeat: 设置图像不重复,常用 round: 自动缩放直到适应并填充整个容器 space:以相同的间距平铺且填充满整个容器...text-top对象的顶端所在行文字顶端对齐 middle元素对象基于基线垂直对齐 bottom对象的底端所在行的文字底部对齐 text-bottom对象的底端所在行文字的底端对齐 文本缩进...text-indent text-indent: 2em; 字母之间的间距letter-spacing 单词之间的间距word-spacing 文本的大小写: text-transform capitalize...: outline input文本框入框自带边框,我们可以通过outline修改边框 outline: 1px solid #ccc; outline: none 清除边框 样式重置: 一开始没有css

2.4K10

HTML5绘画拖放事件

HTML5绘画 在html5中出现了许多新的特性,绘画功能就是其中之一。由于html5新增的这些新特性,所以也在逐渐取代Flash,毕竟Flash比较占用内存,也经常性奔溃。...html5不仅能制作2d的绘画还能做3d的绘画,但是要注意的是这两者使用的函数不一样但都基于canvas。在网络上我们可以搜索到一些使用html5制作的2D或3D的效果图,例如: ? ? ?...除了以上这些图片效果外,html5的3D绘画还可以制作自由拖动的统计表格或一些图形。...如何使用html5进行绘画: 由于我们是做后端开发的,所以在这里只简单介绍一下html5中的2D绘画,绘画的制作都是基于canvas标签的,所以先介绍一下canvas标签: canvas是一个画布,这个画布通常是一个矩形区域...在 HTML5 中,拖放是标准的一部分,任何元素都能够实现拖放。

3K30
领券