
【HTML.CSS】
文章平均质量分 83
灵熙兔
这个作者很懒,什么都没留下…
展开
-
<input>标签常见用法
<input>标签定义和常见用法 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。原创 2016-03-17 09:53:25 · 2100 阅读 · 0 评论 -
CSS知识点总结(二)单位
一、长度单位 绝对长度单位in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica),在网页的设计中很少用到。 pt是绝对单位,标准印刷上常用的单位,在文字排版工具(word,abobe)中是非常有用的字体单位。不管显示器的分辨率是多少,打印在纸面上的结果是一样的。相对长度单位是使用最多的长度单位。包括em、rem、ex、pxpx就是通常所说的像素,使网页设计中使用最多的长度单位。原创 2016-09-25 16:49:05 · 242 阅读 · 0 评论 -
CSS知识点总结(一)定义、使用方式及常见属性
一、颜色属性 color属性定义文本的颜色: 1.color:green ;(颜色对应的英文名称) 2.color:#FF0066 ;(十六进制)分为三段,分别表示R,G,B取值简写形式,当每个颜色的取值重复时,简写为#F06;3.color:rgb(255,0,0);(RGB模式) 4.color:rgba(255,0,0,1);(RGB模式和Alpha色彩空间透明度)Alpha取值范原创 2016-09-06 17:28:19 · 419 阅读 · 0 评论 -
CSS样式积累
学习的路还很长,注意积累 一、标题hh1 {font-family: 'Segoe UI Semibold';font-weight: 400;font-size: 3.5em;h3 {font-family: 'Segoe UI Light';font-weight: 100;font-size: 1.75em;}二、背景1.背景铺满:css3新增background-size:原创 2016-04-06 19:09:41 · 363 阅读 · 0 评论 -
CSS预处理语言:Sass
CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。到目前为止,在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:(1)文件扩展名不同,Sas原创 2016-06-21 17:34:51 · 872 阅读 · 0 评论 -
css知识总结
一 .实现隐藏 1、display:none display:none可以让网页中所有内容不显示,不为被隐藏的对象保留物理空间,重现时触发reflow渲染,会影响到dom结构的渲染 ,同时触发repaint重绘。 display可能的值: none——此元素不会被显示。 block——此元素将显示为块级元素,此元素前后会带有换行符。 inline——此元素会被显示为内联元素,元素前后没有原创 2016-07-28 18:43:32 · 397 阅读 · 0 评论 -
css之line-height
bobo昨天去搜狗面试遇到一个技术疏漏之CSS line-height,回来补一下: 什么是line-height呢 顾名思义是行高,表示两行文字基线之间的距离 1,何为基线?字母下边缘的位置,目的为了使英文字母排列整齐(英语作业本上的倒数第二条加粗线),基线是任意线(中线,上边缘线,下边缘线……)定义的基础2 . 为何line-height能让单行文本垂直居中? (1)line-heigh原创 2016-07-02 11:46:15 · 362 阅读 · 0 评论 -
CSS深入理解之relative
今天看到一个特别有趣的视频,讲解position:relative,听完这个老师生动的讲解,瞬间就懂了 看完漫画做个总结啊: 1 . position:absolute; 他的意思是绝对定位,默认上溯父级元素,找第一个不是 static 的元素,以其为 absolute 的基准。如果设定TRBL并且父级没有设定position属性,那么当前的a原创 2016-07-11 17:21:12 · 10641 阅读 · 2 评论 -
placeholder IE兼容问题
HTML5里新引入很多有趣的新特征 ,文本框(INPUT)里的placeholder属性。placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分是用JavaScript里实现的,而现在,HTML5提供了原生支持,而且效果更好!<form action="/example/html5/demo_form.a原创 2016-06-27 17:29:46 · 382 阅读 · 0 评论 -
png、jpg、gif三种图片格式的区别
1.矢量图与位图:矢量图是通过组成图形的一些基本元素,如点、线、面,边框,填充色等信息通过计算的方式来显示图形的。矢量图的优点在于文件相对较小,并且放大缩小不会失真。缺点则是这些完美的几何图形很难表现自然度高的写实图像。需要强调说明的是我们在web页面上所使用的图像都是位图,即便有些称为矢量图形(如矢量icon等)也是指通过矢量工具进行绘制然后再转成位图格式在web上使用的(区别于像素绘制的图形转载 2016-04-13 11:27:16 · 2352 阅读 · 0 评论 -
css中id和class 的区别
ID与Class区别,新手的我对此非常迷茫,不知道什么时候该用id,什么时候该用class。经过学习,我总结如下: 一、在web标准中是不容许重复ID的,例如 div id="a" 不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。 二、属性的优先级问题:ID 的优先级要高于class,我们在下面的代码中有示例说明。 三、方便JS原创 2016-03-17 09:58:18 · 1140 阅读 · 0 评论 -
创建图像映射
图像映射即一个图片的不同区域对应不同链接。图像映射分为: (1)服务器端图像映射:将点击的坐标发送给服务器,由服务器的脚本来决定。 (2)客户端图像映射:根据点击位置不同确定链接目的。通过<img/>后添加<map>和<area>和设置。 <map>元素表明映射的开始 <area>元素表明每个区域,如果要把一个图片分4个区域,则用4个area。 <map>元素只有一个name属性. 下面原创 2016-03-25 15:50:27 · 1242 阅读 · 0 评论 -
CSS的width:100%和width:auto区别
一、width:auto1、块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值。2、内容的宽度='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'如果margin-left' + 'border-le原创 2016-03-21 21:43:33 · 1056 阅读 · 0 评论 -
HTML特效代码总结
1)贴图:2)加入连接:写上你想写的字3)在新窗口打开连接:写上要写的字消除连接的下划线在新窗口打开连接:写上你想写的字4)移动字体(走马灯):写上你想写的字5)字体加粗:写上你想写的字6)字体斜体:写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加大: 写上你想写的字10)字体控制大小:写上你想写的字 (其中字体大转载 2016-03-17 10:14:28 · 1356 阅读 · 0 评论 -
前端开发曾经遇到的那些小困惑
1.如何区分CSS样式中Display与Visibility今天我要和大家来区分一下:CSS样式属性中Display与Visibility和区别,两者貌似相同,其实质确完全不同.首先来讲一下visibility: visibility属性用来确定元素是显示还是隐藏,这用visibility="visible/hidden"来表示,visible表示显示,hidden不能再接收到其它事件了原创 2016-04-06 21:14:44 · 449 阅读 · 0 评论