简单介绍:TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。功能方强大,并且功能配置灵活简单。另一特点是加载速度非常快的。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把
本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注 简书: 小贤笔记
注: 文章部分转载 彩泉 - 博客园
原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开。
以下是几种解决
GitHub: https://github.com/sentsin/layui/
Gitee:https://gitee.com/sentsin/layui
1、需求分析
改变元素的宽、高、颜色、显示、重置等属性。
2、技术分析
基础的css、html、js
3、详细分析
如图,单击按钮,改变元素属性:
3.1 HTML部分
根据视图不难发现,内容分两大不分:按钮栏和效果图,所以设置两个div。
<body>
<div
1 这是自己学习html时候做的一些记录,供大家参考 <!--
2 块和内联
3 块元素:独占一行的元素
4 div p h ul
一、canvas的情况
canvas自从出来了之后,在前端的图像处理上面提供了各种各样的遍历,虽然很多的操作其实都是要应用到算法的,但是这个也给前端提供了很多的可能性,其中最终要的一个canvas函数(至少我认为)就是getImageData,这个函数可以提取图像每个像素的RGBA值。因为
闲来无事,写写图形。当时巩固一下css3吧.。前端小白,写的不好还请前辈多指教。
三角形
{
width: 0;
height: 0;
border-bottom: 140px solid red ;
border-right: 70px solid tr
前几天看了阮一峰的Flex布局教程,讲的很不错,总结一下,有兴趣的可以去看原文http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
一 Flex布局?
Flex全名Flexible Box即弹性布局,
基本用法:display:flex;
二 Viewport
meta标签:
语法:<meta name="viewport" content="name=value, name=value">
参数:
1. width: 设置布局viewport的特定值(" device-width" )
2. initial-sc
一、sass语法格式
这里说的 Sass 语法是 Sass 的最初语法格式,他是通过 tab 键控制缩进的一种语法规则,而且这种缩进要求非常严格。另外其不带有任何的分号和大括号。常常把这种格式称为 Sass 老版本,其文件名以“.sass”为扩展名。来看一个 Sass 语法格式的简单示例。假设我们有
ruby 标记定义ruby注释(中文注音或字符)。ruby标记与rt标记一同使用。ruby标记由一个或多个字符(需要一个解释/发音)和一个提供该信息的rt 标记组成,还包括可选的rp标记,定义当浏览器不支持ruby 标记时显示的内容。
基本语法:
<ruby>
中&
一、精灵图使用场景:
二、Css Sprite(优点)
减少图片的字节。
减少网页的http请求,从而大大的提高页面的性能。
解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。
更换风格方便,只需要在一张或少张图片上修
禁用用户自动缩放功能:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
判断横竖屏状态有
利用css的label的伪类(::before)代替checkbox和radio效果:
优点:需要图片来调整选中前和选中后的样式,纯css搞定
缺点:兼容性,IE8以下不支持
在线例子:
单选框
男
女
多选框
苹果
橙子
代码:
<!DOCTY
动态生成HTML元素的方法有三种:
第一种:document.createElement()创建元素,再用appendChild( )方法将元素添加到指定节点
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4
这里主要总结记录下表格的一些属性和简单的样式,方便以后不时之需。
1、<table>
用来定义HTML的表格,具有本地属性 border 表示边框,border属性的值必须为1或空字符串("")。该属性不会控制边框的样式,而是由CSS来控制
table元素可以有tr,th,td,
当今大多数的团队都实现了前、后端分支。前端与后端的沟通都是通过接口来实现的(一般情况下都是webapi接口)。这种情况你肯定需要一个接口查询的帮助文档,这个当然用swagger都可以实现。但做为前端开发的我们是否也应该考虑把自己写的组件以帮助文档的方式公开都团队其他人员使用。就像ivie
1.高性能CSS3动画
与PC端场景需要相比,移动web端需要考虑的因素也相对复杂,重点考虑:流量、功耗与流畅度。在pc端上考虑更多的是流畅度,而mobile web中需要考虑网络流量的使用和耗电情况。
关于流畅度,在前端动画中主要有两种:JS动画与CSS3动画。
JS动画是通过JS动态改写样式实
1 <span>x</span><sup>2</sup><span>+y=10</span>
2 <br>
3 <span>H</span><sub>
浅谈padding
padding是CSS盒子模型的一部分,代表盒子模型的内边距。
用法
padding属性有四个值,分别代表上、右、下、左的内边距。
.box {
padding: 10px 5px 15px 20px;
}
此时,.box的内边距为:
上内边距:10px
右内边距:5px
下