第1860页-html教程_html入门教程_html基础教程-php中文网

当前位置：首页 > 技术文章 > web前端 > html教程

方向：: 全部 web3.0 后端开发 web前端数据库运维开发工具 php框架博客常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

分类：: js教程 html教程 css教程

Bootstrap媒体对象的详解

前面的话　　在Web页面或者说移动页面制作中，常常看到图文混排效果，图片居左（或居右），内容居右（或居左）排列。常常把这样的效果称为媒体对象。可以说它是一种抽象的样式，可以用来构建不同类型的组件。本文将详细介绍Bootstrap媒体对象默认样式　　媒体对象一般是成组出现，而一组媒体对象常常包括以下几个部分：　　☑ 媒体对像的容器：常使用“media&r

html教程 . web前端 2012 2017-07-20 15:11:40
背景颜色设置成透明实例教程

1.小三角，通过给一个div设置足够大的边框，让它的上边框，右边框，左边框，的背景颜色设置成透明的，来实现，如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

html教程 . web前端 2628 2017-07-20 15:12:43
用base64提升视觉效果的实例教程

最近在做一个微信端的小项目，前端代码写完后，就放在手机端测试，没什么问题，但是页面在加载和渲染时的效果却让人有些不爽，虽然是个小项目，我大可不必做这些，但是看着页面的闪动，就忍不住想做些什么。先说说问题吧：上面是首页效果图，其实在最开始的时候并没有考虑web端，这图是给IOS和安卓native App用的。为了方面两个本地APP的开发，所以上面的图中，

html教程 . web前端 1664 2017-07-19 17:22:35
分析bootstrap导航栏及其响应式的实现方式

1.本文目地：分析bootstrap导航栏及其响应式的实现方式，提升自身css水平先贴一个bootstrap的导航栏模板

html教程 . web前端 3521 2017-07-18 18:06:33
纯CSS设置Checkbox的实例教程

下面是纯CSS设置Checkbox复选框控件的五种简单样式，有兴趣的可以进行改动将其变成自己想要的样式。首先，需要添加一段CSS隐藏所有的Checkbox复选框，下面我们会改变它的外观。要做到点需要添加一段代码到你的CSS文件中。隐藏掉所有的Checkbox复选框后，我们需要添加一个label HTML元素，我们都知道，当点击的有for属性的label标签时，对应的Checkbox复选框会

html教程 . web前端 1703 2017-07-18 13:31:04
H5data-*属性的详细介绍

H5添加了data-*属性，非常方便但经常忽略小写的问题， H5要求属性名全部小写，驼峰式命名的习惯掉坑了测试代码如下：<html><head><script type="text/javascript" src="jquery-1.9.1.js?1.1.11"></script><script type="text/javascript"&g

html教程 . web前端 2710 2017-07-18 13:34:05
网页中是如何插入视频的？

今天讨论网页中插入视频的方案，咱不讨论video标签的使用方法，video标签比较兼容的写法为： 1 <video width="800" height=""> 2 <source src="myvideo.mp4" type="video/mp4"></source> 3 <source src="myvideo.

html教程 . web前端 11160 2017-07-18 16:41:31
JSTL数据格式化实例详解

日期表示 <fmt:formatDate value="${DATE1}" pattern="yyyy-MM-dd hh:mm:ss" type="date" dateStyle="long" /> <fmt:formatDate value="${DATE2}" type="date" pattern="yyyy-MM-dd"/>百

html教程 . web前端 1507 2017-07-27 16:59:36
关于下拉框左右选择的实例代码

//下拉框左右选择<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .left, .right { float:

html教程 . web前端 1364 2017-07-18 13:40:56
Bootstrap警告框的详细介绍

前面的话　　在网站中，网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框，比如说告诉用户操作成功、操作错误、提示或者警告等。在Bootstrap框架有一个独立的组件，实现类似的效果，这个组件被称为警示框。本文将详细介绍Bootstrap警告框默认用法　　警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提供反馈消息　　将任意文本和一个可

html教程 . web前端 2427 2017-07-18 13:51:33
对js的一些感悟与分享

js现在可以运行在1.浏览器端2.计算机操作系统上通过大名鼎鼎的node， node是由c/cpp编写的js运行环境，大概是js通过编译变成c变成汇编变成机器语言。。。大概#mermaidChart0 .node>rect { }#mermaidChart0 .node text { font-weight: 300; font-family: "Helvetica Neue",

html教程 . web前端 1736 2017-07-18 13:44:12
Bootstrap缩略图的详细介绍

前面的话　　缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底部（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件，本文将详细介绍Bootstrap缩略图概述　　Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片，通过“thumbnail”样式配合bootstrap的网格系统来实

html教程 . web前端 2004 2017-07-18 16:42:17
Bootstrap各种进度条的实例讲解

前面的话　　在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等，通过简单、灵活的进度条，可以为当前工作流程或动作提供实时反馈。本文将详细介绍Bootstrap进度条基本样式　　Bootstrap框架中对于进度条提供了一个基本样式，一个100%宽度的背景色，然后一个高亮的颜色表示完成进度。其实制作这样的进度条非常容易，一般是使用两个容器，外容器具有一定的宽度，并且设

html教程 . web前端 1653 2017-07-18 16:43:30
关于登录页设计的实例教程

现在很多的大型网站把登录和首页放在一起设计，由此可见产品登录页面设计的重要性。一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质。登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地。无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。在执行设计的第一步，便是思考如何利用原型工具诸如Mockplus或Axure在初

html教程 . web前端 1746 2017-07-18 15:59:19
导航条（navbar）和导航（nav）的介绍

前面的话　　导航条（navbar）和导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。本文将详细介绍Bootstrap导航条基础导航条　　在Bootstrap框架中，导航条和导航从

html教程 . web前端 20686 2017-07-18 16:22:53