分类：WEB前端时间： 2015年9月8日 在CSS中，选择器用于选择需要添加样式的元素，简单的讲，就是确定你要把样式给那个元素。在我们写web前端的时候，选择器的使用是非常频繁的，合理的使用选择器会精简大量的代码。CSS选择器大致的归类为基础选择器和符合选择器两类。 1、基础选择器： a、html标签选择器： 标签{属性：属性值} div、p、h1、span…… b、class 类选择器，可以共用重...
分页 简介 在其他框架中，分页通常是比较痛苦的。laravel 使其变的非常简单。laravel 可以根据当前页面快速的生成智能的范围链接，并且其生成的 HTML 是兼容 Bootstrap CSS framework 的。 基础用法 对查询构建器结果进行分页 这里有几种方式来对元素进行分页。而最简单的方式就是通过使用查询构造器或者 Eloquent 查询的 paginate 方法。paginate 方法会根据当前用户所访问的当前页面来自动的设置正确的位移和显示的范围...
本文是节选《HTML5与CSS3基础教程》（第八版）第3章第3节。 本章全部文章： 第一节： “基本HTML结构 开始编写网页” 第二节：创建页面标题 第三节：创建分级标题 3.4 普通页面构成 你肯定已经访问过了大量像图3.4.1中显示的那种网站。抛开内容不谈，我们可以看到该页面有四个主要组件：带导航的页头、显示在主体内容区域的文章、显示次要信息的附注栏以及页脚，如图3.4.2所示。 ...
摘要：大多数网页都有一些不同的区块，如页眉、页脚、包含额外信息的附注栏、指向其他网站的链接，等等。不过，一个页面只有一个部分代表其主要内容。可以将这样的内容包在main元素中，该元素在一个页面仅使用一次。 作者：图灵教育来源：《HTML5与CSS3基础教程》（第八版） 第三章全部章节： 第一节： “基本HTML结构 开始编写网页” 第二节：创建页面标题 第三节：创建分级标题 第四、五...
详细学习教程请看上面摘要中的网址。下面简单入门一下： 1、什么是HTML？ HTML 指的是超文本标记语言 (Hyper Text Markup Language)。 2、HTML的作用？ 简单来说就是用来开发网站的语言。所有的网页都是浏览器对HTML代码解释而形成的。 3、怎样利用HTML开发网页？ 复制如下代码到文本文件中，然后把后缀名称改成.html或者.html即完成一个最简单的网页开发。 我的第一个网页我的网页就...
分类：WEB前端时间： 2015年9月9日 CSS在Web前端开发中，占有很重要的地位。CSS可以很好的解决内容和变现分离的问题，极大方便后期的维护。CSS样式引入的方式主要有外部样式表、内部样式表、内联样式三种。下面详细的介绍在web开发中css常用的属性。 一、CSS样式引入的方式 1.外部样式表 2.内部样式表 3.内联样式 二、布局常用样式属性和盒子原理（margin/padding） border:1p...
本文是节选《HTML5与CSS3基础教程》（第八版）第3章第3节。 本章全部文章： 第一节： “基本HTML结构 开始编写网页” 第二节：创建页面标题 作者：图灵教育来源：《HTML5与CSS3基础教程》（第八版） 3.3 创建分级标题 HTML提供了六级标题用于创建页面信息的层级关系。使用h1、h2、h3、h4、h5或h6元素对各级标题进行标记，其中h1是最高级别的标题，h2是h1的子标题，h3是h2的子标题，以...
第七章，CSS构造块 CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分：选择器和声明块。 选择器决定哪些块受影响，声明块由一个或多个属性-值对组成，指定应该做什么。为样式规则添加注释 /* 注释 */，可以是...
第十六章，表单 HTML5引入了新的表单元素、输入类型和属性，以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。 元素：---- 电子邮件框---- 搜索框---- 电话框---- URL框 以下元素得到部分浏览器支持：---- 日期---- 数字---- 范围-------- \Grapes ---- \Pears ---- 数据列表 Kiwi ...
第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览器不同，IE8及之前版本会忽略它们不原生支持的元素的CSS。HTML5 shiv是专门用于解决这一问题的一段Ja...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、body{font-family:’ pt_sansregular’;}@font-...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”print/screen/all” 第...
本文介绍CSS基础教程：CSS图文混排，图像签名，多图拼接和图片特效示例学习了CSS布局的定位和浮动，我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在流行的p+CSS布局的方便好用之处 学习了CSS布局的定位和浮动，我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在 流行的p+CSS布局的方便好用之处。顺便也说一下CSS3新增的样式属性box-shadow和属性transform。 一图文混排 <!DOCTYPE...
最终效果图：基本原理 先设定一个背景色的普通div盒子，然后使用上篇post得到的三角型图标，把div盒子设置为相对定位模式，三角型图标设置为绝对定位，位置相对于div盒子，调整到合适的位置。这样就得到一个基本的tooltip，但是没有边框看起来总是不舒服，我们可以给div盒子设置一个边框，这没什么难度，但是三角形图标如何设置边框呢？这里我们通过一个取巧的方式，让两个不同颜色的三角形图标叠加，并且位置错开1px，这样底层三角...
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: 2.所有标签的元素和属性的名字都必须使用小写 与HTM...