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

BootStrap应用开发学习入门

、背景基本结构 CSS样式: BS中已经定义好了一套CSS样式 布局组件: 用于创建图像、下拉菜单、导航、警告框、弹出框等等 JS插件: BootStrap定义了一套JS插件,这些插件已经默认实现了很多种效果...--为了获得占用全部宽度且不带圆角超大屏幕,请在所有的 .container class 外使用 .jumbotron class--> <div...HTML标签 .pre-scrollable 多行代码带有滚动条 <p> 这是一段转义后文本测试 <p> <div class...Table 表格 描述:提供了一个清晰创建表格布局; 表格类BS样式: .table-responsive #任意 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备...---使用 class .sr-only,您可以隐藏内联表单标签

17.4K20

前端入门学习--HTML

例子: 这是第一段 这是第二段 这是第三段 提示:使用水平线 (hr 标签)来分隔文章中小节是一个办法(并不是唯一办法...有以下三种方式: 外部样式 当样式需要被应用到很多页面的时候,外部样式将是理想选择。使用外部样式,你就可以通过更改一个文件来改变整个站点外观。...当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)链接,这样使用者就无需不停地滚动页面来寻找他们需要信息了。...> row 2, cell 2 HTML 表格和边框属性 使用边框属性来显示一个带有边框表格: <td...HTML 布局 大多数网站可以使用 或者 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富外观 HTML 布局-使用 div元素 例子: <!

13.1K40

BootStrap应用开发学习入门

、背景基本结构 CSS样式: BS中已经定义好了一套CSS样式 布局组件: 用于创建图像、下拉菜单、导航、警告框、弹出框等等 JS插件: BootStrap定义了一套JS插件,这些插件已经默认实现了很多种效果...--为了获得占用全部宽度且不带圆角超大屏幕,请在所有的 .container class 外使用 .jumbotron class--> <div...HTML标签 .pre-scrollable 多行代码带有滚动条 <p> 这是一段转义后文本测试 <p> <div class...Table 表格 描述:提供了一个清晰创建表格布局; 表格类BS样式: .table-responsive #任意 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备...---使用 class .sr-only,您可以隐藏内联表单标签

14.5K30

Web前端开发规范手册

样式中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码; 背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作; 使用table标签时...(尽量避免使用table标签), 请不要用width/height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能利用table自身私有属性分离结构与表现, 如...不同语种文字之间应该有一个半角空格,避头符号之前和避尾符号之后除外,汉字之间标点要用全角标点,英文字母和数字周围括号应该使用半角括号。...即使您只针对使用 Netscape Navigator 和 Microsoft Internet Explorer 大多数 Web 用户,您应明确并不是每个人都在使用这两种浏览器最新版本。...不使用特殊字符纯文本页面或许能够在任何浏览器中正确显示,比起有效地使用图形、布局和交互页面,这样页面在美感上可能要差得多。所以,应尽量在最佳效果设计和最大浏览器兼容性设计之间取得平衡。

2.6K54

网页设计基础知识汇总——超链接

地图链接:usemap、ismap 2、表格标签: 作用:显示数据;对文本和图形进行布局 ......:创建表格,并在其中间添加标题和需要数据 标签中常用属性: ——设置表格背景色; ——...行、单元格和表格标签关系:标签对只能放在标签对之间使用;                                         ... 标签对 之间才有效(即才能被显示出来) 创建跨多行、多列元: 跨越多列: 在或标签符里利用colspan属性,并在其后写上想要跨越列数。                                  ...可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 元素改变或添加样式。

3.3K30

前端少为人知知识–前端冷知识集锦(css篇)

当然你可以将容器设置为display:table,然后将子元素也就是要垂直居中显示元素设置为display:table-cell,然后加上vertical-align:middle来实现,此种实现往往会因为...display:table而破坏整体布局,那还不如直接用table标签了呢。...创建长宽比固定元素 通过设置父级窗口padding-bottom可以达到让容器保持一定长度比目的,这在响应式页面设计中比较有用,能够保持元素不变形。...) calc(100% - 20px);} ---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比无穷隧道特效 一个治愈...长按二维码关注京程一灯,阅读更多技术文章和业界动态。

96420

Bootstrap响应式前端框架笔记三——代码与表格

Bootstrap响应式前端框架笔记三——代码与表格 一、代码     在技术博客文章类页面的开发中,常常需要在文本总插入说明代码,使用code便签可以创建这种效果,示例如下: code标签用于在文本中插入代码...kbd标签可以用来提示进行键盘输入,示例如下: kbd标签可以创建用户键盘输入效果 使用键盘上control+v来进行文本粘贴...除了上面描述标签和类外,一般情况下,程序中变量会以斜体来显示,也可以使用var标签来包裹,程序输出结果可以使用samp标签来包裹。...二、表格     为H5标签table添加table类可以使用Bootstrap定义表格样式,示例如下: 使用table标签添加table类可以进行表格创建 <table class...Bootstrap默认列表样式是不带边框,可以使用table-bordered类来为列表添加边框,示例如下: 使用table-boardered类可以为表格添加边框 <table

1.2K30

01 . 前端之HTML

主动闭合标签 # (主动闭合标签都是成对出现,并且后面的必须加反斜线/.以名此标签内容结束) 从元素(标签)在页面所占据位置空间来分,可分为 # 1....内联标签(行内标签),不独占一行,只占据自己宽度大小空间. # 比如span不带有其他属性,因为类似白板标签,通过css可以变成几乎任何标签....head 标签 意义 定义网页标题 定义内部样式 定义JS代码或引入外部JS文件 引入外部样式文件 定义网页原信息 meta 元素可提供有关页面的元信息(meta-information...创建Canvas标签 HTML5 Canvas 元素用于图形绘制,通过脚本(通常是JavaScript)来完成canvas标签只是图形容器,你必须使用脚本来绘制图形,你可以通过多种方法使用Canva...SVG使用XML格式定义图形 SVG图像在放大或改变尺寸情况下其图形质量不会有损失 SVG是万维网联盟标准 SVG优势: SVG图像可通过文本编辑器来创建和修改 SVG图像可被搜索,索引,

1.6K50

JavaScript之Dom、事件,案例

常用事件 4.2、事件操作 绑定事件 方式一 通过标签事件属性进行绑定。...5、JavaScript综合案例 5.1、案例效果介绍 在“姓名、年龄、性别”三个文本框中填写信息后,添加到“学生信息”列表(表格)中。 5.2、添加功能分析 为添加按钮绑定单击事件。...创建 tr 元素。 创建 4 个 td 元素。 将 td 添加到 tr 中。 获取文本框输入信息。 创建 3 个文本元素。 将文本元素添加到对应 td 中。 创建 a 元素。...> 学生信息 姓名...5.5、删除功能实现 //二、删除功能 //1.为每个删除超链接标签添加单击事件属性 //2.定义删除方法 function drop(obj){ //3.获取table元素 let table

1.2K20

HTML入门教程_html代码基础

HTML文档可以用任何文本编辑器(比如记事本,UltraEdit等)创建,编辑,因为它内容在本质也只是一些文本。 在HTML文本中,用尖括号括起来部分称为标签。...为了实现分栏效果,很多人使用表格()进行页面排版(虽然HTML里提供表格本意不是为了排版)。 标签里通常会包含几个标签,代表表格里一行。...它们分别代表表头,正文,脚。在打印网页时候,如果表格很大,一页打印不完,和将在每一页出现。...> 列表 表格用于表示二维数据(行,列),一维数据则用列表表示。...另外,没有提到东西里还包括我觉得非常重要CSS, JavaScript, XHTML, XML, Web Standards,以及它们与HTML关系。

4.9K40

HTML5 学习总结(三)——本地存储(localStorage、sessionStorage、WebSqlDataBase、IndexedDB)

Session Storage:只要浏览器窗口不关闭就会一直存在,不应该把真正有价值东西放在里面,数据会保存到存储它窗口或者标签页关闭时,数据只在构建他们窗口或者标签页可见 Indexed Database...Indexed Database通过直接执行同步或者异步函数调用来检索树状对象存储引擎。索引数据库API避开了查询字符串,它使用底层API支持将值直接存储在javascript对象中。...传统Web数据存储方式一直来使用是Cookie,Cookie有以下缺陷: a)、cookie会被附加在每个HTTP请求中,所以无形中增加了流量。...IndexedDB使用NoSQL形式来操作数据库,保存和读取是JavaScript对象,同时还支持查询及搜索。...一个重要作用 有了数据库后我们自然希望创建一个用来存储数据,indexedDB中没有概念,而是objectStore,一个数据库中可以包含多个objectStore,objectStore是一个灵活数据结构

7.3K100

JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战(动态添加删除表格)

上一博文种讲解了JavaScript基础ECMAScript,包括基本语法和部分对象,本文中继续讲解JavaScript中比较重要两部分内容BOM、DOM及事件,后文中有对应实战练习。...特点:1、不需要创建对象,可以直接使用,window.方法名(); 2、window引用可以省略,方法名(); 【举例】:轮播图实现,实现思路: 页面上使用img标签展示图片; 定义一个方法,修改图片对象...DOM:针对HTML文档标准模型; 1)Document对象 创建:在html dom模型中,可以使用window对象来获取,window.document、document 方法:1、获取Element.../html> 4)HTML DOM 标签设置与获取:innerHTML 使用html元素对象属性 控制样式:style属性:eg:元素名称.style.border="1px solid red"...* 2、获取文本框内容 * 3、创建td,设置td文本为文本框内容 * 4、创建tr,将td添加到tr中 * 5、获取table,将tr添加到table中 2)删除表格实现思路: * 1、

2.2K40

Django:web框架学习(4:番外篇)

|HTML,CSS关系|分工明确| |02|初始HTML标签|了解大框架概念| |03|标签语法|--| |04|代码注释|每种语言都有特定注释约束| |05|语义化|有些是网页不显示,利于跳转和搜索...HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 HTML使用标记标签来描述网页 经过浏览器渲染而显示出个各种内容 CSS:是表现 CSS指的是层叠样式(Cascading...Style Sheets) 样式定义了如何显示HTML元素 样式通常储存在样式中 外部样式可以极大提高工作效率 JavaScript:用来实现网页上特效效果 JavaScript 是属于网络脚本语言...>将一些独立逻辑部分划分出来,分块,相当于一个容器容器一容器二容器三 ---- 3: 表格:默认不存在框,需要配合CSS...使用 表格标签 网页表格全部下载完成才会显示 表示行 表格表头 表格一个单元 <table

92130

Vue.js 数据绑定语法详解

在 Vue.js 中,一段绑定表达式由一个简单 JavaScript 表达式和可选一个或多个过滤器构成。 c、指令:指令 (Directives) 是特殊带有前缀 v- 特性。...你在使用一些常用指令时候,你会感觉一直这么写实在是啰嗦。而且在构建单页应用时,Vue.js 会管理所有的模板,此时 v- 前缀也没那么重要了。...参数 修饰符 指令 (Directives) 是特殊带有前缀 v- 特性。指令值限定为绑定表达式,因此上面提到 JavaScript 表达式及过滤器规则在这里也适用。...当你需要在一些现有的 HTML 代码中添加动态行为时,这些前缀可以起到很好区分效果。你在使用一些常用指令时候,你会感觉一直这么写实在是啰嗦。...3、指令 指令 (Directives) 是特殊带有前缀 v- 特性。指令值限定为绑定表达式,因此上面提到 JavaScript 表达式及过滤器规则在这里也适用。

3.4K20
领券