一,css介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 二, CSS语法 1,每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结...

2018-06-24 02:18:57

本篇博客主要介绍一下HTML/CSS的基本使用，关于它们的介绍便不在赘述，读者可自行google或百度。 一、HTML 先来简单介绍一下HTML标签： HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个...

2018-06-24 02:18:57

单行省略 1 overflow: hidden; 2 text-overflow:ellipsis; 3 white-space: nowrap; 多行省略 1 display: -webkit-box; 2 -webkit-box-orient: vertical; 3 -webkit-line-clamp: 3; 4 overflow: hidden; 省略都需要width属性限制才能生效...

2018-06-24 02:18:55

我们经常会遇到文字太多，而为了不打破原有布局，需要将多出文字用省略号代替，实现以下效果： 文字太太太太多多多啦...... 这个不多。 html：这是个列表。ul/ol都行。 ul li 这是个短句子 / li li 403是因为服务器拒绝了你的地址请求，或者你根本没权限访问网站，提供...

2018-06-24 02:18:52

不论是前端还是后台代码，编码规范是尤其重要的，特别是大的项目中，在想开启之初就规范考代码、格式、和要求，会减少很多工作量的，有利于代码的后期维护。 欢迎大家继续整理。 前端单体编码规范整理表 No 范畴 验证内容 1 页面设计 列表标题居中显示。 2 页面设计 查...

2018-06-24 02:18:51

老师要求用web制作一个拼图游戏。 发现的问题：点击随机生成拼图的按钮后，打乱的图片会出现无法还原的情况。 发现过程：每次生成一个拼图后会测试它怎么拼回去，结果发现有时候拼不回去。 数学原理：如果两个矩阵的逆序数的奇偶性相同，则其中一个矩阵通过若干次变换...

2018-06-24 02:18:48

修改之前的样式 修改之后的样式 html input type= " checkbox " name= " btn " id= " btn1 " label for = " btn1 " 按钮1/label css input[type= " checkbox " ]{width:20px;height:20px;display: inline-block;text-align: center;vertical-align: middle; line- heig...

2018-06-24 02:18:46

前言 本篇文章将介页面布局中的自适应布局，常见的自适应布局有以下2种：左列固定右列自适应、左右两列固定中间自适应。 1. 左列固定右列自适应布局方案 说明 ：左列固定右列自适应，也可以为右列固定左列自适应，常见于中台管理界面、移动端Web的列表展示等等。 div c...

2018-06-24 02:18:43

前言：这个网站详细讲了水平、垂直、水平垂直的css方法。https://css-tricks.com/centering-css-complete-guide/ 布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W...

2018-06-24 02:18:35

普通的HTML注释形式是 !-- 注释 -- 而IE5~IE9这5个版本的IE浏览器还另外支持一种特殊的 if条件注释 （感觉有点类似模板渲染时的语法结构） !-- [if IE] html语句 ![endif] -- 这样在处理IE浏览器兼容性问题的时候就可以把hack代码集中在一块了，或者其他意想不到的用途...

2018-06-24 02:18:34