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

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

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

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

CSS高级选择器的详解

以下示例主要讲解nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type使用。示例代码：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" />

html教程 . web前端 2034 2017-07-26 18:00:23
关于前端页面布局的几点讲解

网页的结构与表现原则总的来说为：先按结构和语义编写代码然后进行CSS样式设置减少HTML与CSS契合度（精简页面结构）我们可以通过一个微博用户发言信息列表的制作案例来分析该原则。以下是该案例的整体实现效果：从初学者的角度来看：初学者往往会将这个结构分成多个DIV，看起来基本上就是以下几块：实现代码： 1 <!DOCTYPE html> 2 &l

html教程 . web前端 1660 2017-07-19 16:43:26
Html的Element基本元素讲解

本人写这篇文章是我在IT修真园里学习了一段时间，反过来复习时整理的。虽然只是些基础知识内容，希望能帮到大家。首先我们要了解所谓的html它的定义是什么？【html：超文本标记语言，文本：txt格式的文件，标记：用标签对给文本附加语义】如果你已经通过上文对html有个了解后，我们就着手研究它的三个元素。块级(block-level)元素和内联(inline)元素以及行内快元素(inline-

html教程 . web前端 3605 2017-07-19 16:45:41
css3 loading加载图文实例

图片看的效果真是不行，还是戳下面网址看吧在线示例：http://liyunpei.xyz/loading.html十七、效果十七三个小球，纵向居中，间距撑开，依次改变小球的translateY的值即可。@keyframes leap_ball { 50% { transform: translateY(60px); } }

html教程 . web前端 1615 2017-07-27 10:17:16
块状元素和内联元素的详细介绍

内联元素：只在行内发生作用，设置宽高不起作用，不会影响文字内容，使其换行等。竖直方向和间距也不起作用 display可以强制转换行内元素和块状元素，还可以取消显示none 块元素(block element)address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级元素，也是CS

html教程 . web前端 1824 2017-07-27 14:54:45
CSS使用书写规范

可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。也希望可以有更多的建议，共同的完善。本规范也可以在

html教程 . web前端 1534 2017-07-20 15:59:25
用css画图形

　　　　前言：终于我的大一生活结束了，迎来了愉快的暑假，大家都开始了各自的忙碌。一直忙着一些项目的事情，终于决定今天要更新一篇博客了，对上一阶段的学习做简单的总结。　　这次我主要总结一下用Css绘制各种形状的技巧，同时要结合before、after伪元素和定位做出一些效果。　　　　Triangle Up(向上的三角形)　　　1 #triangle-up{2　 width: 0;

html教程 . web前端 2022 2017-07-20 15:59:52
理解html语义化标签

1、del和ins标签兼容性：浏览器全部支持del：定义文档中已被删除的文本。ins：定义已经被插入文档中的文本。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>html标签使用</ti

html教程 . web前端 1608 2017-07-20 16:01:46
css：block，inline和inline-block用法和区别

总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inline

html教程 . web前端 2509 2017-07-20 16:02:38
解析post和get请求的区别

两种常用的HTTP请求方式：post和get get:从指定的资源进行请求。数据长度有限制（2048个字符）可被缓存、可被保留在浏览器历史记录中，安全性较差。发送敏感信息如密码时不适用。 post：向指定的资源提交要被处理的数据。数据长度无限制、不可被缓存，不可保存在浏览器历史记录中，安全性较高。 POST 比 GET 更稳定也更可靠。

html教程 . web前端 2367 2017-07-20 16:03:52
分享CSS实现单行、多行文本溢出显示省略号的实例

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方式：overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 实现效果：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢

html教程 . web前端 1746 2017-07-27 14:56:00
网页页脚footer的背景图

今天遇到了一个有意思的问题,想在网站的foot里面加入一张背景图片,并且在footer的底部写下一些内容于是乎在footer添加了background,并设置了footer的大小先说一下开始的做法:1.footer底部加background,并设置其大小2.footer里面添加div,写内容问题:内容总是在最上面,如果使用margin或者padding则要指定一个固定值,万一哪天换了背景岂

html教程 . web前端 6687 2017-07-21 09:17:56
loading动画大全

分享继续，图片看得不真切在线演示demo：http://liyunpei.xyz/loading.html十一、效果十一四个小球分别包含于四个正方形div，将小球相对于正方形定位（top：0；left：0），将方形div设置旋转，使小球分别位于四角，然后使用关键帧动画控制小球在当前位置与靠近中心点的位置之间来回移动{animation: flor_move 1s 0s e

html教程 . web前端 2483 2017-07-24 10:12:08
Git工具的安装与使用指南

闲来无事写了个小demo,想上传到GitHub上，发现得使用git进行上传，所以得先了解下git .1、git是什么分布式版本控制器2、svn与git的区别svn:是集中式的版本控制系统，版本库是集中存放在中央服务器的，工作时，要先从中央服务器取得最新的版本，工作结束了，再把自己的活推送给中央服务器。最重要的是使用svn必须联网才能工作git：每个人的电脑上都是一个完整的版本库，这样，你工

html教程 . web前端 1856 2017-07-21 17:13:13
ejs的常用语法总结

odejs的模板引擎有很多， ejs是比较简单和容易上手的。常用的一些语法:用<%...%>包含js代码用<%=...%>输出变量变量若包含 '<' '>' '&'等字符会被转义用<%-...%>输出变量不转义用<%- include('user/show') %>引入其他模板包含 ./user/sh

html教程 . web前端 2173 2017-07-21 17:47:19