易优CMS:arclist 文档列表
arclist 文档列表(配合arcpagelist标签可实现ajax瀑布流分页) [基础用法] 名称：arclist 功能：获取系统主从表模型（如：文章、软件、图集、产品等）的一列文档，也称自由列表块标记。 语法： {eyou:arclist typeid='栏目ID' limit='0,10' ...
HTML51-清除浮动overflow、网易注册界面基本结构搭建
一、overflow:hidden;作用 （1）可以将超出标签范围的内容裁剪掉 （2）清除浮动 .box1{ background-color: red; /*border:1px white solid;*/ overflow: hidden; } .box2{ background-color: ...
如何设置HTML页面中文本的字体
字体属性介绍 中的字体属性是干什么的呢？字体字体肯定和字体有关咯，就是设置 页面中文本的字体， 中常用的字体属性有几种呢，笔者给大家梳理了下，比较常用的一共有 种，今天我们就看看这 种能给文本的字体带来什么效果呢。 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）。 在 中常用的字体属性有5种 ...
【前端知识体系】CSS特效实现之Transition和Transform对比
本文介绍了CSS绘制三角形、CSS高级动画等知识，并对Transition和Transform的使用进行了对比。 ...
网站的favicon图标
网站的favicon图标 favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。 制作favicon图标 把图片转换为png图片 把png图片转换为ico图标，这需要借助第三方转换网站，例如比特虫：http：//www.bitbug.net/ favicon图标放到网站 ...
css1.0~3.0背景图使用多张折叠的概念与方法
需求：使用多张图片作为页面的背景图； 首先需要了解background的属性以及细节知识：https://www.cnblogs.com/chenglj/p/7372996.html background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); b ...
做一个好看的可翻转登录注册界面
做一个好看的登录注册界面 前言 最近在尝试做网盘，使用的技术栈大概是 .net core + MVC + Mysql + Layui ，主要目的是通过这个具体的项目，熟悉熟悉 .net core 开发， .net 的未来就是他了！ 我的设想 在完成后端的一部分 建设 之后，我把目光投向了前端——登陆 ...
如何给HTML页面设置行高
设置行高 由于简单还是老样子直接上代码了哦，注意： 属性值可以使用固定值如：20px..和百分比如：20%。 如果想让文字垂直居中如下：行高的主要作用是用来设置文本的垂直方向居中对齐行高的值与高度的值一样即可。 让我们进入 属性实践，实践内容如：将 标签行高设置为20px。 代码块 结果图 注意：使 ...
如何给HTML页面的文本设置字符和单词间距
设置字符和单词间距介绍 属性名 | 单位 |描述 | | letter spacing | px|设置字符间距 word spacing | px |设置单词间距 letter spacing设置字符间距 属性原理是：根据要设置的文本每一个字符之间的间距。 让我们进入 属性的实践，实践内容如：将 页 ...
如何将HTML页面中的文本设置首行缩进
text indent属性介绍 属性值单位 | 描述 | em | 比如：1em 就代表缩进1个字，2em缩进2个字.....。 由于简单我就不过多的介绍了直接上代码了哦，注意： 属性的值支持为负数具体园友可以尝试下。 代码块 结果图 ...
如何在HTML中设置文本的大小写
text transform属性介绍 属性就是设置 页面中的标签里面的文本大小写， 属性常用的属性值有三种： 、`uppercase lowercase`，不常用的属性值在这笔者就不进行一一说明了。 text transform属性值说明表 属性值 |描述 | none | 默认。定义带有小写字母和 ...
如何给HTML标签中的文本设置修饰线
text decoration属性介绍 属性是用来设置文本修饰线呢， 属性一共有4个值。 text decoration属性值说明表 值|作用 | none |去掉文本修饰线 underline | 设置下划线 overline|设置上划线 line through|设置删除线 HTML标签自带修饰 ...
Web前端基础(6):CSS(三)
1. 定位 定位有三种：相对定位、绝对定位、固定定位 1.1 相对定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right。 特性：1.不脱标 2.形影分离 3.老家留坑 ...
Web前端基础(5):CSS(二)
1. 盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 1.1 盒模型示意图 1.2 盒模型的属性 width：内容的宽度 height: ...
记录一些实用的小技巧-CSS篇
1.单行文本截断 .text{ width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 2.多行文本截断 -webkit-line-clamp属性值为需要截断的行数 .text{ display: ...
Web前端基础(4):CSS(一)
1. CSS介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签 ...
【前端知识体系】CSS布局知识强化
本文介绍了CSS常见的表格、浮动、定位布局等方式，也介绍了圣杯布局和双飞翼布局高级布局的实现方式。 ...
