随笔分类 - CSS
摘要：响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link
阅读全文
摘要：cssHack 是为了解决不同浏览器显示不同从而是css代码兼容不同的浏览器 “-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效，是IE9/10的h
阅读全文
摘要：一.瀑布流之准备工作 首先声明下, 为了方便演示和联系, 我使用的是本地图片, 如果大家有需要的话可以尝试着写下网络的, 不过本地和远端的大致是相同的. 那么我就来简单介绍下本地的瀑布流效果吧, 我们要先准备好八九张图片, 当然啦, 我们实现的是瀑布流效果, 所以最好是高度不相同的, 这样才可以看出
阅读全文
摘要：px 像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏
阅读全文
摘要：问题描述： 在我们让元素浮动的时候，它就会离开原来的文档流，将它原先占有的空间释放。 打个比方，父元素就如一个有伸缩性的容器，而子元素就如一个气球。当没有设置容器的高宽时，他的高宽完全是被装在里面的气球撑开的，当子元素浮动时候，就像气球从容器里飘了出来，飘在了他的上方。而此时容器也就空了，由于伸缩性
阅读全文
摘要：我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 代码如下: #triangle-up { width: 0;
阅读全文
摘要：盒子模型 前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域 一个盒子中主要的属性就5个：width、height、padding、
阅读全文
摘要：HTML知识点整理 置换元素：浏览器根据标签和属性来决定元素的具体显示内容，如 img input textarea select object video 等 Form <input type='radio'>的选择变化可由onfocus属性控制 <select>的变化可由onchange属性控制
阅读全文
摘要：一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CS
阅读全文
摘要：响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link
阅读全文
摘要：教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。 小菜认为，无论多么复
阅读全文
摘要：元素选择器 E，选择所有指定元素名称的元素，例如 p，选择所有的 p 元素。 通用选择器 *，选择所有元素，例如： * { box-sizing: border-box; } 类选择器 .class，用一个点号加类名表示，例如 .header，选择所有 class 属性中包含 header 的元素。
阅读全文
摘要：一，CSS3 选择器分类 二，选择器语法 1，基本选择器语法 2，层次选择器语法 3，动态伪类选择器语法 4，目标伪类选择器 5，UI元素状态伪类选择器语法 6，结构伪类选择器使用语法 注：（1），“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li，仅有列表
阅读全文
摘要：在面试之前对css优先级的理解是 ：ID优先级>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，然后就没有然后了……，ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级，但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师，让我们彻
阅读全文
摘要：1. 对WEB标准以及W3C的理解与认识? 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要
阅读全文
摘要：HTML+CSS 1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供
阅读全文
摘要：1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing
阅读全文
摘要：一、HTML5 CSS3 CSS3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scal
阅读全文
摘要：Link oneLink twoLink threeLink four在上面的例子中，我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素（元素前后没有换行）。这样就可以使列表排列成一行。ul 元素的宽度是 100%，列表中的每个超链接的宽度是 7em（当前字体尺寸的 7 倍）。我们添加了颜色和边框，以使其更漂亮。 li{display:inline;}的作用是把li转换成...
阅读全文
摘要：之前一直搞不明白html中positon:relative; 和 position:absolute;这两个属性。这里记录一下。 理论解释： 相对定位：该元素相对于自己原有位置，偏移一定距离。相对的是自己。 绝对定位：该元素相对于其父元素，偏移一定距离。相对的是父元素，重点是这个父元素也需要是设置了
阅读全文
浙公网安备 33010602011771号