<style type="text/css"> /* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; /* 写以下CSS 可以使用户无法复...
DIV+CSS
网页页面不能复制文本，不能选择文本，css的写法。
/* 写以下CSS 可以使用户无法复制网页上的内容 */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; /* 不能选择网页上的文本。 */ user-select: none;
开源达人响应式布局的一个典型案列
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>响应式布局</title> ...
开源达人 div+css样式表的id,class的常用命名规则
页头 header 登录条 loginBar 标志 logo 侧栏 sideBar 广告 Banner 导航 nav 子导航 subNav 菜单 menu 子菜单 subMenu 搜索 search 滚动 scroll 页面主体 main 内容 content...
开源达人关于前端布局写法的一些注意事项。
1，写页面div 标准的布局形式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标准的布局形式</title> </head> <body> <div id="contain...
HTML哪些是块级元素，哪些是行内元素？
块级元素：块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级...
flex:1 到底代表什么?
今天在做项目的时候遇到一个关于布局的问题, 就是 flex: 1; 我一直以为 flex: 1; 代表的是 flex: aoto; 后来发现结果并不是这样, 所以写一篇博客来讲解一下 flex: 1; 代表什么 代码第一...
flex响应式布局知识 box-sizing
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...
flex 新手学习垂直不居中的原因？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
Flex 布局教程：实例篇
你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的...
响应式设计的一些思路可供参考研究。
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; } .row::after { content: ""; clear: b...
css3 box-sizing:border-box的作用。通俗讲盒子模型不存在了！！！
其实一直没仔细研究过CSS3新增的这个属性box-sizing，只是经常会看到其它网页和公司项目里面有用到这个属性。 要想清楚这个属性的作用，首先要理解盒子模型，盒子模型是指：外边距（margin）+ border（边框）...
css3 响应页面的写法。
小慕医生 - 责任、品质、关爱 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...