添加padding-right:1em;
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 的语法十分简单。常用的标记符号