yesteryou-CSDN博客

转载 Bootstrap列表

列表在HTML文档中，列表结构主要有三种：有序列表、无序列表和定义列表。具体使用的标签说明如下：无序列表<ul> <li>…</li> </ul> 有序列表<ol> <li>…</li> </ol> 定义列表<dl> <dt>…</dt> <dd>…</dd> </dl>Bootstrap根据平时的使用情形提供了六种形式的列表：☑ 普通列表☑

2017-04-12 22:15:48 852

转载 Bootstrap排版

Bootstrap基本的html模板<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

2017-04-12 21:54:35 265

转载不定宽元素居中

方法一在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素：块状元素的宽度width不固定。)不定宽度的块状元素有三种方法居中（这三种方法目前使用的都很多）：加入 table 标签设置 display: inline 方法：与第一种类似，显示类型设为行内元素，进行不定宽元素的属性设置

2017-04-11 21:39:08 487

原创 css布局模型

清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。

2017-04-11 20:54:51 248

更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：a:hover{color:red;}上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器

2017-04-11 20:07:49 930

转载 html表单

网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法：<form method=”传送方式” action=”服务器文件”>讲解：1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(

2017-04-11 19:58:15 183

原创 html表格

创建表格的四个元素：table、tbody、tr、th、td1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr

2017-04-11 19:29:47 215

原创插图和自动编号

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插图和自动编号</title> <style> body{ /*counter-reset:重置一个计数器,属性值是一个标识符,用来代表计数器,计数器默认的计数是从0开始*/

2017-04-08 17:02:07 478

原创常用标签和样式

图片随意找个代替就行## 标题 ##<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>常用标签和样式</title>

2017-04-08 16:55:40 761

转载 html标签

标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等body标签在网页上要展示出来的页面内容一定要放在body标签中。title

2017-04-08 16:41:48 343

转载 html5笔记--html介绍

HTML5笔记学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScrip

2017-04-08 16:20:32 492

yesteryou的博客