HTML/CSS

<div class="bgdiv“ style="background-image: url('../test.png'); background-repeat: no-repeat; background-size: cover;"> &l..


/*右半圆*/ width: 50px; height: 100px; border-radius: 0 50px 50px 0; /*左半圆*/ width: 50px; height: 100px; border-radius: 50px 0 0 50px;


overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical


.add-to-favourite { background: url(a.png) center no-repeat; background-size: 2.5rem; width: 1.5rem; height: 1.5rem; ..


flex布局,类似bootstrap自适应布局


自适应界面省事,但是有精力的话最好是分开做,因为pc和移动端交互方式不太一样。


HTML5 Notification属性保证在https协议下进行调试,火狐浏览器提示通知权限只能从安全的上下文请求。


直接选中需要的语言主题下载即可,共两个文件,引入即可,可以结合tinymce编辑器使用; 下载地址:prism


在页面<head>部分没有发现字符集声明,请增加该声明:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">(不标准)<meta http-equiv="content..


#sass#世界上最成熟、最稳定、最强大的专业级CSS扩展语言!扩展阅读:sass中文网


#less#CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。扩展阅读:less中文网


PC端与移动端文章标题长度统一处理:.sublittle{ display: block; width: 100%; white-space: nowrap; text-overflow: ell


Note:表单元素使用#disabled#后,后台获取不到值,使用readonly。扩展阅读:readonly和disabled的区别


#HTML5与CSS3权威指南#核心:html5结构:主体结构;非主体结构;表单与文件:文件api(filelist,blob,filereader);绘制图形;多媒体;本地存储;离线应用程序:本地缓存与浏览器网页缓存的区别;manifest文件;浏览器与服务器的交互过程(缓存的..


#CSS3函数#attr() ;calc() ;inear-gradient() ;radial-gradient() ;repeating-linear-gradient();repeating-radial-gradient();


#HTML5与CSS3权威指南#布局相关:多栏布局;盒布局;mediaqueries相关:根据浏览器窗口大小选择使用不同的样式;


#HTML5与CSS3权威指南#颜色相关样式:alpha通道;opacity;transparent;用户界面:resize;取消对元素样式的制定:initial属性值;