标签:CSS3
tr表示行,td表示列,th其实也是表示列但是在这个标签中的文字会以粗体出现 <th>为表格标题,属性summar为摘要, <caption>标签为首部说明, <thead>标签为表格头部, <tbody>标签为表格主体内容, <tfoot>
inline: 此元素会被显示为内联元素,元素前后没有换行符。因此:无法设置宽度和高度~ inline-block: 行内块元素。元素前后没有换行符(CSS2.1 新增的值) 用通俗的话讲,就是不独占一行的块级元素。然后拥有块级元素的属性,可以设置宽度和高度。 line-height: 对于块级元素
@charset "UTF-8"; /*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Dan
瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局,最早采用此布局的是网站是 Pinterest,后逐渐在国内流行。 瀑布流布局效果   即多行等宽元素排列,后面的元素依次添
引用父选择器需要用到“&”符号 &运算符表示嵌套规则的父选择器,并且在修改类或伪类选择器的应用中非常普遍 ul{ li{ &:nth-child(2) a { color: red; &:hover { color: ye
开发网页的时候,有时候会遇到大段的隐私声明,用户协议等等,我们呀要复制粘贴展示出来,必须加大量的p标签,h1,h2,空格符,br标签,这对我们来说无疑是泪崩的,有个很好的办法,可以快速给这些文字加标签: 找一个富文本编辑器,比如自己公司测试服务器上后台文章发布系统之类的,把这些文字粘贴好,编辑好样式
CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权
很多人不明白这个display:flex是到底是什么东西,如何使用的  。 1.什么是display:flex呢? 答:flex是 flexible  box的缩写,意为弹性布局 ;这个东西的引入,为盒模型提供了最大的灵活性!可以相应式的实现各种页面的布局。  
1.css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例: div{ width
less中声明的变量可以存储css属性值,还可以存储选择器,属性名,url以及@imporant等 变量声明及赋值格式:@variableName : varableValue ; //属性值 //less //变量 @pink:pink; .content{ color:@pink; }
选择器的优先级表述为4个部分,用0,0,0,0表示。 !important--1,0,0,0 行内样式 ID选择器--0,1,0,0 类选择器(例如,.example)、属性选择器(例如, [type="radio"])或伪类(例如, :hover)--0,0,1,0 元素(例如, h1)和伪元素
1.html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件
我对CSS选择器的认识 一、简述     CSS选择器是对HTML元素进行选择的筛选条件,大概可以分为两类: 特征选择器——根据元素自身所具有的某种特征进行筛选,比如名称、ID、属性等; 关系选择器——根据元素与其他元素的关系进行筛选,比如子元素、兄弟元素等;   在真正使用的时候,几个简单的选择器
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 less文件只有被编译后才能被浏览器识别和使用 less编译工具:1. Koala :国人开发的less全平台编译工具 
css sprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量 优点: 1、减少网页的HTTP请求,提高页面性能 2、图片命名上的困扰
 CSS3实现各种表情  效果图:    代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css">
最近学习了 HTML5 中的重头戏--canvas。利用 canvas,前端人员可以很轻松地、进行图像处理。其 API 繁多,这次主要学习常用的 API,并且完成以下两个代码: 实现去色滤镜 实现负色(反色)滤镜 欢迎入群:857989948 。IT 技术深度交流和分享,涉及方面包括但不限于:网
[TOC] markdown进阶语法 内容目录 使用 [TOC] 引用目录,将 [TOC] 放至文本的首行,编辑器将自动生成目录 有一些编辑器不支持[TOC]标记 加强代码块 使用3个 "`"+“语言名称”进行标记 ```java public static void main(Strin
语法包含标题 列表 图片 链接 表格 代码框 分割线 索引 超链接 注释 转义 字体 颜色 导语 Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号