前端css
秋水不寒
代码是最为耐心、最能忍耐和最令人愉快的伙伴,在任何艰难困苦的时刻,它都不会抛弃你。
展开
-
css3 画几何图形之三角形--随笔
Document *{padding: 0;margin: 0;} #box{ width: 0px; height: 0px; border:100px solid transparent;/*透明色*/ border-top-color: red; border-bottom: 0 none; }原创 2016-05-11 23:46:49 · 567 阅读 · 0 评论 -
为什么body{font-size: 62.5%;}
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时,1em则=16px转载 2016-09-27 17:15:01 · 4271 阅读 · 0 评论 -
div 加伪类:focus
以前只知道input 可以加focus ,昨天项目中有需要在使用div 点击效果改变,不太想js,就尝试了 下div:focus以下是个人总结的优缺点:.testdiv{background-color:red}123123123123123123效果点击div 当前div背景为红色省略一部分js 代码缺点:当键原创 2016-07-20 16:58:57 · 7201 阅读 · 0 评论 -
transform知识【学习总结】
1.旋转 rotate()旋转rotate()函数:通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示: 【例如】div class="wrapper"> div>div>div>1234/*c转载 2016-07-05 14:05:14 · 780 阅读 · 0 评论 -
深入理解 CSS 中的行高与基线
百度面试直接被面试官问住了,回来总结下css 行高相关问题!1、基本概念1. 基线、底线、顶线、中线注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来),实际中不一定看转载 2016-05-23 17:43:53 · 37199 阅读 · 7 评论 -
CSS格式化工具-直接可以使用
CSS格式化工具-直接可以使用原创 2016-05-09 16:08:02 · 1965 阅读 · 0 评论 -
CSS知识点积累总结
CSS开始 1、认识CSS样式 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等 2、CSS样式的优势 用括起来,统一设置css样式 3、CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成 p{color:blue}(选原创 2016-05-07 23:12:56 · 4313 阅读 · 0 评论 -
CSS Reset 自己整理
*{ margin:0; padding:0;}.clearfix{ height:0; overflow:hidden; clear:both;}建议使用下面html, body, div, span, applet, object, iframe,h1, h2, h3, h4,原创 2016-05-06 17:46:24 · 803 阅读 · 0 评论 -
css属性触发和清除haslayout
触发haslayout: position: absolute float: left | right display: inline-block width: except 'auto' height: except 'auto' zoom: except 'normal' overflow:转载 2016-04-28 16:35:41 · 782 阅读 · 0 评论 -
CSS文件结构组织
CSS文件结构组织1、基础(重置和默认)样式。统一浏览器差异, 设置部分标签的初始样式;2、框架样式。网页布局结构;3、功能辅助类Utility样式。浮动、清除浮动、定位、内外边距、字体家族及粗细、文本对齐;4、元素元件样式。按钮、输入框、loading、图标等;5、页面组件和模块样式。导航、登录、注册、各种列表、评论、搜索、分页、面包屑导航等;6、业务类样式。具体页面原创 2016-04-28 16:37:19 · 1153 阅读 · 0 评论 -
web开发常见问题集锦
1.JS控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一:document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").s转载 2016-05-17 15:06:22 · 2999 阅读 · 0 评论 -
css3绘制各种图形效果
如何使用CSS来制作图形,比如说圆形,半圆形,三角形等。今天我特意在网上查阅了一下,介绍这样的教程还是蛮多的,因此我也决定整理一份相关教程出来与大家一起分享。如何工作?很少会有人意识到,当浏览器绘制的border,会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色,其他边框色为透明色,这样我们就很容易制作出三角形,然后改变其大小来实现不同原创 2016-05-12 10:23:27 · 7637 阅读 · 0 评论 -
20 个常用的 CSS 技巧
20 个常用的 CSS 技巧阅读 4551收藏 2872016-05-27下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate {转载 2017-06-06 23:17:19 · 400 阅读 · 0 评论