
CSS
文章平均质量分 77
敲代码的猫
在前端开发的路上不断奋斗的妹子
展开
-
css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px转载 2017-03-03 17:21:37 · 294 阅读 · 0 评论 -
谈谈行内元素和块元素的区别和居中问题
行内元素,也叫内联元素、内嵌元素等,是众多的行内元素能在一行中显示的元素。行内元素的主要作用是用来添加特殊样式,如元素,元素,元素,,下标 上标等等。块元素,就是会独占一行的元素,比如,等等。 行内元素和块元素的区别如下: 行内元素块级元素默认开始位置和其他元素都在一行上总是在新行上开始宽度宽度就是它的原创 2017-03-13 14:40:40 · 1163 阅读 · 0 评论 -
HTML、CSS、JS中的注释标签
在编写HTML代码时,我们经常要在一些关键代码旁做一下注释,这样做的好处很多,比如:方便理解、方便查找或方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码进行修改。注释的分类:(1)HTML的注释标签:注释内容-->使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本):"text/javascript">原创 2017-03-13 09:05:11 · 2435 阅读 · 0 评论 -
CSS基础知识(6)
先看一个例子: img{ width:350px; height:350px; visibility:hidden; position:absolute; } img:target{ visibility:visible; }原创 2017-02-27 10:09:22 · 601 阅读 · 0 评论 -
CSS基础知识(5)
页面布局: 盒子模型(框模型) margin、padding、border float 排列盒子 clear清除浮动,修正浮动造成的bug overflow:hidden 解决子元素浮动后,父元素不自动调整高度的问题 position static 默认 absolute 绝对 元素可以重叠原创 2017-02-27 10:07:18 · 398 阅读 · 0 评论 -
CSS基础知识(4)
页面上所有元素都可以显示为框: 块级元素显示为一块内容,即“块框” 内联元素/行内元素:内容显示在行中 display:none(元素没有框了)/block(元素变成块框,实现行内元素变成块级元素,有宽和高的属性,独占一行)/inline(实现块级元素变成内联元素,一行可以有多个,无宽高)/inline-block(可以像块级元素一样属性,也能实现一行放多个该元素,一行可以有原创 2017-02-27 10:05:27 · 413 阅读 · 0 评论 -
CSS基础知识(2)
不同选择器优先级也是不一样的。 选择器的优先级:标签选择器复合选择器的优先级:如div p span 另外 div p span.class1 div p span.class2 这个后者的优先级高,谁在下面谁的高。 选择器优先级:元素选择器(权值0001)<类选择器(权值0010)<伪类选择器(权值0010)<ID选择器(权值0100)<内联样式(权值1原创 2017-02-27 09:59:34 · 477 阅读 · 0 评论 -
CSS基础知识(3)
标题字:字体、大小、颜色 正文字:字体、大小、颜色 重点强调:颜色、字体样式 控制字体: 指定字体:font-family:value1,value2;字体可写多个,中间用逗号隔开,字体间的优先级按照先读到哪个就用哪个,第一个字体没有会查找下一个字体,如果用户电脑里所有字体都没有,那么就按照默认的字体来。中文要加双引号,英文不要加。 字体大小:font-size:va原创 2017-02-27 10:02:11 · 408 阅读 · 0 评论 -
CSS基础知识(1)
推荐代码学习:zen garden(茶艺花园)CSS 指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一。CSS 是标准的布局语言,用来控制元素的尺寸、颜色、排版。CSS 非常精确,功能强大,易于编写。CSS 由 W3C 发明,用来取代基于表格的布局、框架以及其他非标准的表现方法。样式 (style) 定义如何显示 HTM原创 2017-02-27 09:51:39 · 462 阅读 · 0 评论 -
css3常用动画+动画库
一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现。查看演示:https://daneden.github.io/animate.css/ github地址:转载 2017-03-09 11:06:36 · 561 阅读 · 0 评论 -
CSS3动画详解
一. CSS3 转换:transform Internet Explorer 10 和 Firefox 支持 3D 转换。Chrome 和 Safari 需要前缀 -webkit-。Opera 仍然不支持 3D 转换(它只支持 2D 转换)。这里只介绍2D转换的方法。 (1)作用:实现元素的转换,对元素进行旋转、缩放、移动以及倾斜 (2)兼容性:Internet Expl原创 2017-03-08 11:31:52 · 355 阅读 · 0 评论 -
js或jquery实现页面打印
最近一直在做页面打印相关的页面。这里分享下用css、js或jQuery实现页面打印的几种方法...原创 2017-12-24 13:41:41 · 6116 阅读 · 0 评论