E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
CSS-广陵散
WEB前端-
CSS-
选择器&常用样式/属性
CSS层叠样式表CSS(CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言)或者XML(标准通用标记语言的一个子集)等文件样式的计算机语言。关于更详细的CSS介绍可参考此连接。本篇只记录最常用的几点内容。存在形势css一共有三中常见的存在形势:1、元素内联:在html的body段中,直接在标签头部属性块引入元素内联2、页面嵌入:在html的head段中的style块
白金牧场
·
2016-08-16 21:34
Web-Dev相关
WEB三把刀使用介绍
任务9extra_CSS常见技巧
课程目标熟悉常见的样式写法,如背景图片、居中、透明等学习建议问答题一定要动手写demo,否则学习效果只能达到5成预习视频&课件课程课件-
CSS-
常见样式课程视频-
CSS-
常见样式知识点补充视频-字体图标课程任务问答一
饥人谷_江君
·
2016-08-16 10:53
任务9extra_CSS常见技巧
课程目标熟悉常见的样式写法,如背景图片、居中、透明等学习建议问答题一定要动手写demo,否则学习效果只能达到5成预习视频&课件课程课件-
CSS-
常见样式课程视频-
CSS-
常见样式知识点补充视频-字体图标课程任务问答一
饥人谷_江君
·
2016-08-16 10:53
任务9_CSS盒模型
课程目标掌握盒模型相关知识点了解IE盒模型和W3C盒模型区别学习建议视频未覆盖的知识点会提供详细的文档资料预习视频课程视频-
CSS-
盒模型课程文章-CSS-IE盒模型vsW3C盒模型课程任务问答一、盒模型包括哪些属性盒模型的属性盒模型属性根据以上图件可以看出盒模型属性由里向外包括
饥人谷_江君
·
2016-08-14 08:53
任务9_CSS盒模型
课程目标掌握盒模型相关知识点了解IE盒模型和W3C盒模型区别学习建议视频未覆盖的知识点会提供详细的文档资料预习视频课程视频-
CSS-
盒模型课程文章-CSS-IE盒模型vsW3C盒模型课程任务问答一、盒模型包括哪些属性盒模型的属性盒模型属性根据以上图件可以看出盒模型属性由里向外包括
饥人谷_江君
·
2016-08-14 08:53
任务8_CSS选择器
课程目标掌握常见CSS选择器的用法对选择器优先级有一定认识学习建议从学CSS开始,课程视频里的代码需要边听、边暂停、边跟着写预习视频课程视频-
CSS-
常见选择器课程视频-CSS选择器课程视频-
CSS-
伪类选择器
饥人谷_江君
·
2016-08-11 22:53
任务8_CSS选择器
课程目标掌握常见CSS选择器的用法对选择器优先级有一定认识学习建议从学CSS开始,课程视频里的代码需要边听、边暂停、边跟着写预习视频课程视频-
CSS-
常见选择器课程视频-CSS选择器课程视频-
CSS-
伪类选择器
饥人谷_江君
·
2016-08-11 22:53
华夏制茶史 魏晋制饼茶
2016-06-20小君掬月汀
广陵散
熊云韵-
广陵散
华夏到了三国时代,人们饮用的茶已由生食及晒干收藏后羹饮蔬食逐渐变为饼茶。三国时期魏·张揖《广雅》中就有这样的记载:“荆巴间采茶作饼,成以米膏出之。
掬月汀
·
2016-06-21 13:02
CSS-
合理使用z-index控制盒子视轴高度,解决z-index失效
写在前面,如果你只关心正文请跳过这部分。我关于css的博客很少,首先是没有什么写静态页面的需求,其次是css总是给我一种“不可控”的感觉。比如,我写过仿知乎首页的静态页面,当时完全不知道为什么这个块“跑掉了”,就不停测试给跑掉的块加各种样式,“杀手锏”就是absolute和z-index——x轴、y轴位置不对我就调left、top值,z轴(视轴,或者说哪个块在上面,可以直接看到)不对我就调z-in
qiqingjin
·
2016-06-18 14:00
css
z-index
z-index失效
视轴高度
CSS-
标准盒模型 & 怪异盒模型
CSS中Boxmodel分类CSS中Boxmodel是分为两种::W3C标准和IE标准盒子模型。大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时,会触发怪异模式。在标准模式下,一个块的总宽度=width+margin(左右)+paddi
PTKGEM
·
2016-04-29 14:39
w3c
标准
html-css
Css
/
Html
CSS-
标准盒模型 & 怪异盒模型
CSS中Boxmodel分类CSS中Boxmodel是分为两种::W3C标准和IE标准盒子模型。大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时,会触发怪异模式。在标准模式下,一个块的总宽度=width+margin(左右)+paddi
PTKGEM
·
2016-04-29 14:39
w3c
标准
html-css
Css
/
Html
5-CSS-浮动清除-继承-优先级-定位-引入
CSS-
盒子模型
CSS浮动和清除float:让元素浮动,取值:left(左浮动)、right(右浮动)clear:清除浮动,取值:left(清除左浮动)、right(清除右浮动)、both(同时清除)1、CSS浮动浮动的元素,将向左或向右浮动,浮动到包围元素的边上,或上一个浮动元素的边上浮动的元素,不再占空间了。并且,浮动元素的层级要高于普通元素,像飞起来了。浮动的元素,一定是“块元素”。不管它原来是什么元素。浮
佼人僚兮
·
2016-04-10 20:49
CSS
浮动清除
定位
盒子模型
CSS-
清除浮动
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。引用W3C的例子,news容器没有包围浮动的元素。.news{b
damonare
·
2016-04-04 00:00
css
css-
水平和垂直布局
1.元素的水平居中?垂直居中?水平垂直居中?水平居中1.如果需要居中的是常规流中inline元素—图片,按钮,文字等行内元素(display为inline或inline-block等)则在父元素中使用text-align:center;aaaa.content{width:500px;border:1pxsolidblack;text-align:center;}2.如果需要居中的是常规流中blo
github_34514750
·
2016-04-02 17:19
百度前端技术学院
css
成功打脸王重阳,周伯通是怎么做到的
洪七公从不收徒,只把传授武艺当作奖励手段,如果不是机缘巧合碰上郭靖这个傻小子,降龙十八掌这等绝技恐怕终成
广陵散
。果然,到了《倚天屠龙记》,这个担忧成为现实,时任丐帮帮主史火龙只学到十二掌。
花儿街参考
·
2016-03-31 00:00
《孤独六讲》
不是每个人都配听《
广陵散
》。如果活不出孤独感,如果做不到特立独行,艺术、美是没有意义的,不过就是附庸风雅而已。孤独感的探讨一定要回到自身,因为孤独感是一种道德意识,非得以检察自身为起点。
拾年忆
·
2016-03-25 21:40
CSS 元素垂直居中的 6种方法(转)
转自:http://blog.zhourunsheng.com/2012/03/
css-
%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%
u011910290
·
2016-03-24 13:00
手挥五弦送归鸿——嵇康
行刑前,嵇康心中坦然,顾视日影,午时的终站仍有咫尺,趁乌云尚未完全遮盖天日时,他要弹完心中最后的绝唱——《
广陵散
》,这是他在人世间最后的一个心愿。要走,就让琴声为自己送行!
钟大晓
·
2016-03-21 22:27
CSS入门笔记 - 认识盒子模型
**********未经本人允许,严禁转载任何网站**********引言这次给大家带来了
CSS-
盒子模型部分的笔记,大家一同交流认识盒子模型之前,先来了解一下CSS元素的分类吧,后面再细细道来~CSS
zhaolion
·
2016-03-13 23:09
CSS入门笔记 - 认识盒子模型
**********未经本人允许,严禁转载任何网站**********引言这次给大家带来了
CSS-
盒子模型部分的笔记,大家一同交流认识盒子模型之前,先来了解一下CSS元素的分类吧,后面再细细道来~CSS
zhaolion
·
2016-03-13 23:09
CSS-
学习笔记
id和class选择器HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。类选择器以一个点"."号显示 层叠次序1、浏览器缺省设置2、外部样式表3、内部样式表(位于标签内部)4、内联样式(在HTML元素内部) 当使用简写属性时,顺序为body{background:background-colorbackground-imagebackground-repeatbackgro
newguy
·
2016-03-04 23:00
CSS-
微信开放UI样式
下面的链接是微信开放的CSS的样式:http://weui.github.io/weui/附上GitHub地址:https://github.com/weui/weui
我大沈阳无敌
·
2016-03-01 22:00
js编码中的一些细节
我们认为,JavaScript的正确运行不应该依赖
CSS-
在缺少CSS情况下也要能够正确运行,尽管两者之间可能会有互动。
望舒
·
2016-02-25 00:00
javascript
css-
控制元素中的字符超过规定的宽度影藏
代码如下:测试文字测试文字测试文字测试文字测试文字测试文字大致效果
y酒味i
·
2016-02-19 15:00
[CSS3.0]
CSS-
边框
border-radius属性:定义: 为元素添加圆角边框; 语法: border-radius: 1-4 length|% / 1-4 length|%; JavaScript语法: object.style.borderRadius="5px"; 详细: border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性; 示例: div { borde
小白Vv白白
·
2015-12-22 11:00
css
box-shadow
border-radius
border-image
css-
伪类和伪元素
css-
伪类和伪元素无论是伪类还是伪元素,都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。
dorislyx
·
2015-12-18 14:00
css-
实现元素垂直居中对齐
css-
实现元素/元素内容,垂直居中对齐一、单行内容的垂直居中(line-height:行高方法)只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height
dorislyx
·
2015-12-15 18:00
css-
兼容性问题及解决(四)
1:计算一定要精确不要让内容的宽高超出我们设置的宽高, 在IE6下,内容会撑开设置好的宽高1 2 3 4 5无标题文档 6 7.box{width:400px;} 8.left{width:200px;height:300px;background:red;float:left;} 9.right{width:200px;float:right;} 10.div{width:18
dorislyx
·
2015-12-11 19:00
css-
兼容性问题及解决(三)
css-
兼容性问题及解决(三)1:在IE6,7下输入类型的表单控件上下各有1px的间隙 解决办法:给input加浮动 1在IE6,7下输入类型的表单控件上下各有1px的间隙 2解决办法:给input
dorislyx
·
2015-12-11 19:00
css-
兼容性问题及解决(二)
css-
兼容性问题及解决(二)1:在IE6下的文字溢出BUG : 子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素 解决办法:用div把注释或者内嵌元素用div包起来
dorislyx
·
2015-12-11 18:00
css-
兼容性问题及解决(一)
css-
兼容性问题及解决(一)1:在IE6下元素的高度的小于19px的时候,会被当做19px来处理解决办法: overflow:hidden;1 2 3 4 5无标题文档 6 7.box{height
dorislyx
·
2015-12-11 16:00
css-
浮动详解(一)
注册博客园也有一段时间了,一直都是看其他大牛的博客,感触颇多,都是我要学习和努力的目标,慢慢的心底也萌生了要写博客的嫩芽,虽然自己也是步入前端这一行业不久的工作者,希望各位大前端行业的前辈多多指教啦!我写博客的目的呢就是,一呢,总结自己学过和运用的的技术和知识,系统的梳理知识点和原理,加深印象;二呢,报着学习交流的态度,希望大家多多督促,有什么讲的不对的地方欢迎指出啦!当前是为了一份更好的更适合自
dorislyx
·
2015-12-10 19:00
Less动态
css-
演讲稿(ppt)
LESS将CSS赋予了动态语言的特性,如变量,继承,运算,函数,混合,守卫,命名空间,字串符插值。LESS既可以在客户端上运行(支持IE6+,Webkit,Firefox),也可以借助Node.js或者Rhino在服务端运行。Less是一个JS库,所以他可以在客户端运行,相对Sass则必须在服务端借助Ruby运行(Sass和Less区别,可以参见LESS介绍,和与Sass的比较)。本演讲稿主
·
2015-12-09 13:19
less
CSS-
小技巧-垂直居中设置
切你以为总结完水平,就不能干一下垂直了吗!geekwangc父元素高度确定的单行文本通过设置父元素的height和line-height高度一致来实现的。如下代码:html:hi,imooc!css代码:.container{height:100px;line-height:100px;background:#999;}父元素高度确定的多行文本、图片、块状元素方法一:使用插入table(包括tbo
傻小子不会起名字
·
2015-12-08 12:55
CSS-
三角形及其原理
CSS中三角形在网页中比较常见,以前是图片,不过现在基本上都是通过CSS可以完成,实现比较简单,我们可以看一组简单的三角形效果:其实实现起来比较简单,通过空div然后设置宽高为0,之后可以四周border的宽度,控制三角形的形状,四个border可以看成是两横横竖的木头的重叠的效果,两横在两竖上面,三角形就是中间重叠的部分切分出来的,样式的代码如下:.triangle{ width:0; he
Fly_Elephant
·
2015-12-05 23:00
再次阅读《精通
CSS-
高级Web标准解决方案(第二版)》
昨天(2015年11月21日)在我们学校举行了大型招聘会。我面试了三家企业。有一家企业是先做笔试题的,做完后发现自己还是很多细节处理得不够。无论还有没有二面,我还是要重新把《精通CSS》和《JavaScript高级程序设计》这两本书重新看一遍。《精通CSS》第一章:语义化的好处:①自己更易处理(搜索和避免不必要的代码膨胀)②利用SEO③屏幕阅读的用户可以依靠标题进行页面导航div(division
刘健超-J.c
·
2015-11-24 00:00
CSS 元素垂直居中的 6种方法
转自:http://blog.zhourunsheng.com/2012/03/
css-
%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%
ywb201314
·
2015-11-17 19:00
webkit体系结构与解析流程
加载资源及Cache ¨HTML-DOM HTML内容及解析 ¨DOM- DOM CORE内容 ¨XML- XML内容及解析 ¨Render-排版功能 ¨
CSS
·
2015-11-13 11:19
webkit
css-
:before :after
:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下: #example:before { content: "#"; color: red; } #example:after { content: "$"; c
·
2015-11-13 07:12
BEFORE
CSS-
悬浮显示提醒
<script>$(function(){ $("#account,div.account-set").hover( <!-- 鼠标置上时显示内容 --> function(){$(".account-set").show();}, &
·
2015-11-13 06:33
css
CSS-
浮动篇float
Float是一个强大的属性,但是它也会困扰我们如果我们不知道它的工作原理的话.这篇文章主要介绍float的原理和基本用法. 我们可以看到float在印刷世界的应用-杂志.很多杂志文章都是左边一个图片,右边的文本浮动环绕着左边的图片.在HTML/CSS的世界中,有浮动样式的图片,文字将会包裹在它的周围,就像杂志的布局一样.图片只是浮动属性众多应用中的一个,我们也可以通过浮动来实现两栏(多栏)布局.
·
2015-11-11 19:15
float
CSS-
类和ID选择器的区别
学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 下面代码是正确的: <p>三年级时,我还是一个<span class
·
2015-11-11 17:15
css
《精通
CSS-
高级Web标准解决方案》阅读计划
第一周 第1章 基础知识 1 第2章 为样式找到应用目标 1 第3章 可视化格式模型 1 第4章 背景图像效果 1 第二周 第5章 对链接应用样式 1 第6章 对列表应用样式和创建导航条 1 第7章 对表单和数据表格应用样式 1 第8章 布局 1  
·
2015-11-11 15:42
解决方案
CSS自学笔记(5):CSS的样式
一.
CSS-
背景 CSS中允许用纯色背景,也允许用图片来创建复杂的个性背景。 p {background-color: #000;} 是用纯色作为背景。
·
2015-11-11 09:50
css
53个CSS不可或缺的技巧
css-techniques-you-couldnt-live-without/ 翻译: Blank(怿飞) 53 CSS-Techniques You Couldn't Live Without 53个
CSS
·
2015-11-11 04:39
css
页面加载
一般情况下一个页面响应加载的顺序是,域名解析-加载html-加载js和
css-
加载图片等其他信息。 1. Dom Ready应该在“加载js和c
·
2015-11-10 23:27
加载
css-
下拉菜单
方式1: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charse
·
2015-11-07 11:36
下拉菜单
53个
CSS-
不可或缺的技巧
53个
CSS-
不可或缺的技巧 QUOTE: CSS is important. And it is being used more and more often.
·
2015-11-05 08:28
css
CSS星级评分
www.komodomedia.com/samples/star_rating_final/star_rating_final.zip 官网: http://www.komodomedia.com/blog/2007/01/
css
·
2015-11-03 21:22
css
CSS-
控制图片显示指定大小 并超过大小自动缩小
有时候利用css比较方便控制网页html中img图片的显示大小。这样也省得自己一个一个去定义。 img,a img{ border:0; margin:0; padding:0; max-width:600px; width:expression(this.width>600?"600px&q
·
2015-10-31 10:57
css
上一页
17
18
19
20
21
22
23
24
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他