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
HTML&CSS学习
CSS学习
目录
前面的话CSS是前端工程师的基本功,但好多执迷于学习javascript的人的基本功并不扎实。可能一些人从w3school网站匆匆过了一遍,只是对CSS常用概念有一些表面上的理解,就一头扎进javascript的深坑里跳不出来。实际上,javascript中比较复杂的逻辑很有可能使用CSS几行样式就能解决问题,而且性能还好。CSS之所以能成为一门优雅的语言,以及有其对应的重构工程师的岗位,是因为这
小火柴的蓝色理想
·
2016-05-23 09:00
【Qt界面个性化】大杀器——qss
css学习
:http://www.w3school.com.cn/css/css_syntax.aspqss能做什么?1.可以换肤:http
hk2291976
·
2016-05-12 21:00
css
qt
界面
QSS
CSS学习
(九)——构造颜色、背景和图像
十六进制颜色的简化例如红色:#ff0000#ff0000由于第一二、三四、五六位都一样,因此各取一个,也即简写为#f00很多颜色简化不了,例如:#f0f0f0灰色区块与内联的转换在默认情况下,区块标记有和,内联标记有等等。可以通过display属性将标记在区块和内联之间转换。display的三种设定值:inline(内联)、block(区块)、none(不占位的隐藏,当设置为none时,标记内的内
codemonkeysama
·
2016-05-11 17:00
html
css
CSS学习
(八)——定义选择器
ID定义型与class定义型排版样式(1)对于ID定义型,每个ID在页面中只能用一次。尽管一个ID在页面内多次使用也能实现效果,但是这样写不规范。如果同一个样式页面内多次使用,应该用class定义型。(2)ID可与标记定义型结合使用,例子: h2#title{color:red;} 定义选择器 能实现效果 无法实现效果 上面例子中,h2#title的意思是只有应用于属性名称h2的ti
codemonkeysama
·
2016-05-09 15:00
html
css
CSS学习
(八)——定义选择器
ID定义型与class定义型排版样式(1)对于ID定义型,每个ID在页面中只能用一次。尽管一个ID在页面内多次使用也能实现效果,但是这样写不规范。如果同一个样式页面内多次使用,应该用class定义型。(2)ID可与标记定义型结合使用,例子:h2#title{color:red;}定义选择器能实现效果无法实现效果上面例子中,h2#title的意思是只有应用于属性名称h2的title才起效果。(3)c
交易程序猿
·
2016-05-09 15:00
CSS
css学习
笔记:常用样式
CSS1.CSS概述 层叠样式表 作用:控制页面的显示效果,最终用HTML去展示页面内容,用CSS样式去控制页面内容的显示效果 注释用/* */2.CSS和HTML结合的方式1.属性style结合方式(行内样式)在标签中写style属性. style="属性:值"2.style标签结合(内嵌方式)code....3.Link标签进行结合(最常用的)1.先定义外部样式文件2.引
helios1988
·
2016-05-09 09:00
html
css
学习
前端学习
CSS学习
前言这块开始深入学习CSS,从基础开始。大概就是整理一下所有的资料,形成知识,便于以后查阅。CSS基础知识:CSS概念CascadingStyleSheets(CSS)是一门指定文档该如何呈现给用户的语言,将网页内容和显示样式进行分离,方便维护。文档是信息的集合,它使用一门标记语言作为结构。一个文档并不等同于一个文件。它甚至可能不会保存在一个文件中。CSS并非仅仅用于浏览器,也不仅限于视觉展现。按
u014099894
·
2016-04-26 13:00
css
前端
2016-04-24 html学习
CSS学习
JavaWEB:使用myeclipse工具开发。HTML语言主要是用来书写可以在浏览器中显示的数据(文本)。而这些文本需要使用W3C组织提前定义好的一些标记(标签)。标签的功能:主要是把页面上要显示的数据封装在标签中,然后通过标签给页面上的数据设置相应的样式。单标签:格式:双标签:格式:标签中需要封装的数据
yixiaomeigui
·
2016-04-24 21:00
CSS学习
【一】基础语法CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。selector{declaration1;declaration2;…declarationN}每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(styleattribute)。每个属性有一个值。属性和值被冒号分开。提示:如果值为若干单词,则要给值加引号:p{font-family:“sans
u014355941
·
2016-04-22 17:00
CSS学习
笔记
CSS3模块css3被划分为模块。被分为选择器,框模型,背景和边框,文本效果,2D/3D转换,动画。多列布局,用户界面。1.css3边框border-radius圆角边框box-shadow边框阴影border-image边框图片2.css3背景background-size规定背景图的尺寸。默认值是auto。length:(宽度|高度),设置背景图片的高度和宽度。percentage(宽度|高度
yingzhicai
·
2016-04-16 23:00
css3
HTML/
CSS学习
笔记
定义:HTML是用来描述网页的一种语言。CSS样式则定义如何显示HTML元素。HTML用来布局,对HTML语言来讲,语义化是它所看重的。目前对于html语义化意义的理解:1)html语义化可以让文档在没有css的情况下,页面也能够比较好地呈现出内容结构、代码结构;2)html语义化可以方便其他设备更好地解析。例如可以让机器更好地解析这篇文档,在阅读一篇html文档时可以理解这篇文档的内容,比如遇到
haimianxiaojie
·
2016-04-09 13:00
html
css
前端性能优化总结
阅读目录Jquery基础知识准备
CSS学习
与技巧代码优化总结回到顶部Jquery基础知识准备学习前端需要掌握的基础知识有jq
cometwo
·
2016-04-08 14:24
web前端学习
前端性能优化总结
阅读目录Jquery基础知识准备
CSS学习
与技巧代码优化总结回到顶部Jquery基础知识准备学习前端需要掌握的基础知识有jq
cometwo
·
2016-04-08 14:00
CSS学习
(七)——滤镜 (已废除)
Filter属性设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。请参阅对象的hasLayout属性。若要在img对象上应用shadow滤镜,可以在该对象img对象的父容器上应用。Alpha滤镜属性名称设定值说明opa
交易程序猿
·
2016-04-06 14:03
CSS
CSS学习
(七)——滤镜 (已废除)
Filter属性设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。请参阅对象的hasLayout属性。若要在img对象上应用shadow滤镜,可以在该对象img对象的父容器上应用。Alpha滤镜属性名称设定值说明opa
codemonkeysama
·
2016-04-06 14:00
html
css
CSS学习
(六)——CSS 链接、光标、DHTML、缩放
链接伪类属性说明a:link表示该超链接文字尚未被点选a:visited表示该超链接文字已被点选过a:active表示该超链接文字正被点选,但未被放开a:hover表示当鼠标停留在文字上例子:CSS链接、光标、DHTML、缩放a:link{color:#009ad6;text-decoration:none;}a:hover{color:#009ad6;text-decoration:underl
交易程序猿
·
2016-04-06 08:26
CSS
CSS学习
(六)——CSS 链接、光标、DHTML、缩放
链接伪类属性说明a:link表示该超链接文字尚未被点选a:visited表示该超链接文字已被点选过a:active表示该超链接文字正被点选,但未被放开a:hover表示当鼠标停留在文字上例子: CSS链接、光标、DHTML、缩放 a:link{color:#009ad6;text-decoration:none;} a:hover{color:#009ad6;text-decoration
codemonkeysama
·
2016-04-06 08:00
html
css
CSS学习
(五)——区块、浮动、定位、溢出、滚动条
区块占据一整行的标记叫做区块。例如:......只要是区块,可以使用如下属性名称:属性名称设定值说明width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度min-width像素/百分比区块的最小宽度max-width像素/百分比区块的最大宽度下面例子可以体现区块的含义以及各种属性的意义:区块、浮
交易程序猿
·
2016-04-05 19:50
CSS
CSS学习
(五)——区块、浮动、定位、溢出、滚动条
区块占据一整行的标记叫做区块。例如:......只要是区块,可以使用如下属性名称:属性名称设定值说明width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度min-width像素/百分比区块的最小宽度max-width像素/百分比区块的最大宽度下面例子可以体现区块的含义以及各种属性的意义:
codemonkeysama
·
2016-04-05 19:00
html
css
CSS学习
(四)——边框与边界
边框属性名称设定值说明border-stylenone不显示边线(默认值)dotted点线dashed虚线solid实线double双线border-width长度border-width:0.2cm0.3cm0.4cm0.5cm像素border-color十六进制border-color:上右下左线的颜色英文border-color:red(四边均为红色)border-color:redgree
交易程序猿
·
2016-04-05 14:29
CSS
CSS学习
(四)——边框与边界
边框属性名称设定值说明border-stylenone不显示边线(默认值) dotted点线 dashed虚线 solid实线 double双线border-width长度border-width:0.2cm 0.3cm 0.4cm 0.5cm 像素 border-color十六进制border-color:上右下左线的颜色 英文border-color:red(四边均为红色) border-
codemonkeysama
·
2016-04-05 14:00
html
css
CSS学习
(三)——背景与列表
背景属性名称设定值说明background-color十六进制transparent透明(默认值)background-imageURLbackground-image:url("image.jpg")none不设置背景图片(默认值)background-attachmentscroll背景图会随视滚动条的移动而移动fixed不会随滚动条移动(水印效果)background-repeatrepea
交易程序猿
·
2016-04-05 11:24
CSS
CSS学习
(三)——背景与列表
背景属性名称设定值说明background-color十六进制 transparent透明(默认值)background-imageURLbackground-image:url("image.jpg") none不设置背景图片(默认值)background-attachmentscroll背景图会随视滚动条的移动而移动 fixed不会随滚动条移动(水印效果)background-repeatr
codemonkeysama
·
2016-04-05 11:00
html
css
CSS学习
(二)——文字与文本
长度与颜色长度:px像素颜色:1.十六进制2.英文文字属性属性名称设定值说明font-stylenormal正常显示 italic斜体font-variantnormal正常显示 small-caps将小写字母更换为较小的大写字母font-weightnormal正常显示 bold粗体font-size像素字体大小(默认14px) 百分比 font-family字体名称设置字体用内嵌式排版样式的标
codemonkeysama
·
2016-04-04 15:00
html
css
CSS学习
(一)——入门基础
CSS的英文全名是CascadingStyleSheets,中文即层叠式排版样式。XHTML,HTML和XML文件都可以应用CSS来美化网页的设计。使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML并非完全着眼在网页排版的功能上。CSS样式排版具有排版属性功能完整,排版文件可以独立存在、可以共用排版文件等特点。CSS排版的分类:行内排版样式、内嵌式排版样式、链接式排
交易程序猿
·
2016-04-04 08:25
CSS
CSS学习
(一)——入门基础
CSS的英文全名是CascadingStyleSheets,中文即层叠式排版样式。XHTML,HTML和XML文件都可以应用CSS来美化网页的设计。使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML并非完全着眼在网页排版的功能上。CSS样式排版具有排版属性功能完整,排版文件可以独立存在、可以共用排版文件等特点。CSS排版的分类:行内排版样式、内嵌式排版样式、链接式排
codemonkeysama
·
2016-04-04 08:00
html
css
[HeadFirst-HTML
CSS学习
笔记][第十四章交互活动]
表单 Justtypeinyourname(andclickSubmit)toenterthecontest: Fristname: Lastname: action响应的脚本method传递方式表单元素提供文本输出 提供控件提交 单选钮输入 多选项输入 文本输入框//初始文本 菜单控件 BuckarooBanzai PrefectTommy PennyPriddy number数
zy691357966
·
2016-04-03 10:00
[HeadFirst-HTML
CSS学习
笔记][第十三章表格]
表格-table块tr行tablerowth表头tableheadtd表数据tabledata;caption表格标题 ThecitiesIvisitedonmySegway'nUSAtravels City Date Temperature Altitude Population DinerRating WallaWalla,WA June15th 75 1,204ft 29,686
zy691357966
·
2016-04-03 10:00
[HeadFirst-HTML
CSS学习
笔记][第十二章HTML5标记]
考虑HTML结构HTML5即是把原来换成一些更特定的元素。能够更明确指示包含什么内容。(页眉,导航,页脚,文章)articlenav导航headerfootertimeaside边框section元素定义文档videocodemark标记audio声音progress进度meter范围canvas图像动画figure独立的内容就是这么简单而已time元素如果没有按标注video元素controls
zy691357966
·
2016-04-03 10:00
html
canvas
html5
导航
[HeadFirst-HTML
CSS学习
笔记][第八章扩大你的词汇量]
字体font-family,可指定多个候选body{ font-family:Verdana,Geneva,Arial,sans-serif; } font-size字体大小body{ font-family:sans-serif; font-size:14px; } h1{ font-size:150%; } h2{ font-size:1.2em; } p{ font-size:100%; }
zy691357966
·
2016-04-03 10:00
css
[HeadFist-HTML
CSS学习
笔记][第七章CSS入门:加一点样式]
CSS入门style元素设置CSS基本格式 body{background-color:#eaf3da;} p{ border:1pxsolidgray; } 给多个元素同一个css,加,h1,h2{ } 继承与覆盖继承link加载css文件 type能被省略 class为所有class指定css CSS:p.greetea{ color:green; } 如果所有greetea都要用的话:.
zy691357966
·
2016-04-03 10:00
[HeadFirst-HTML
CSS学习
笔记][第六章严格的HTML]
远古古老的html4.01和XHTML1.1页面必须用Doctype挑明,再html元素上面html4.01 XHTML1.1 html5 工具在https://validator.w3.org验证自己的网页是否符合标准字符标准标记 一般放head里其他版本的meta标记更麻烦 总结HTLM5是一个活的标准
zy691357966
·
2016-04-03 10:00
[HeadFist-HTML
CSS学习
笔记][第五章认识媒体]
图像格式PNG多种颜色透明无损压缩PNG-8,PNG-16,PNG-32多用于logoGIF动画256色无损JPEG不能透明多用于照片imgURL能插入alt属性=如果无法显示图像,浏览器将显示替代文本width属性=宽度height属性=高度//像素数尽量少用w和h来压缩图像,因为浏览器还是会加载原图像,用ps改善于使用缩略图然后用链接打开原图!用photoshopelements来简单修改图片
zy691357966
·
2016-04-03 10:00
压缩
浏览器
url
[HeadFist-HTML
CSS学习
笔记][第四章Web镇之旅]
重要访问一个目录,即是访问他的index链接到网站,必须加http://的title属性,能预先知道链接信息id属性使得能再本地跳转.使用#来指定June2,2012 jump target属性target="_black"从新窗口打开链接 target="coffee"给新窗口命名,再coffee窗口打开 不怎么重要file协议file:/// 正常服务都在80端口
zy691357966
·
2016-04-03 10:00
Web
[HeadFirst-HTML
CSS学习
笔记][第三章创建网页]
一些基本元素以下元素都可以用CSS变得更好看q,,,,,ol,ul,li,pre,code,time元素短引用内联元素效果是这样ddddddddd一般是双引号长引用块元素在Githubcss中是这样HelloIamblockquate一般只是缩进了强调斜体提供回车符void元素==dd==**dd**加粗列表元素有序列表ol+liorderlist+listitem无序列表ul+liunorder
zy691357966
·
2016-04-03 10:00
css
[HeadFrist-HTML
CSS学习
笔记][认识HTML中的“HT”]
学习超链接超链接使用\元素创建一个超文本链接,链接到另一个Web页面。\元素的内容会变成为Web页面中可单击的文本。href属性告诉浏览器链接的目标文件elixirs href=hypertextreference(超文本引用)还能引用到别的文件,链接把图片放到里面,图片就能变成可点击的了解属性(Attributes)利用属性,可以指定一个元素的附加信息例子: 组织相对路径跟linux差不多,
zy691357966
·
2016-04-03 10:00
html
Web
[HeadFrist-HTML
CSS学习
笔记][第一章Web语言:开始了解HTML]
headtitlebody元素=开始标记+内容+结束标记还能给段落一个变量名 body style元素-type来指定说明要用css,不过现在貌似也可以完全不用。 具体例子 body{//body表示要应用于html内容body的部分 background-color:#d2b48c;//设置背景为土黄色 margin-left:20%;//左边距占页面20% margin-right:20
zy691357966
·
2016-04-03 10:00
html
Web
css
前端学习:
CSS学习
参考自http://www.w3school.com.cn/css/css_intro.asp一,简介CSS指层叠样式表(Cascading Style Sheets)样式定义如何显示 HTML元素样式通常存储在样式表中把样式添加到HTML4.0中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS文件中多个样式定义可层叠为一,即Cascading,指当同一个
poppick
·
2016-04-01 18:00
CSS学习
(二十二)-flexbox模型之三
一、理论:1.flex-line-pack堆栈伸缩行a.使用与flex-pack相同b.增加stretchstart/end/center/justify(平均分布)/distribute(两端保留一半的空间)/stretch(拉伸填充整个容器)c.flex-line针对个体,flex-line-pack针对群体二、实践:1.Title*{margin:0;padding:0;}.flexbox{
bwshqh
·
2016-03-31 00:20
css
css学习
CSS学习
(二十一)-flexbox模型之二
一、理论:1.flex-flowa.flex-direction设置伸缩容器的伸缩流方向b.flex-wrap设置伸缩容器中的伸缩项目在伸缩容器无足够空间时,伸缩项目在伸缩容器中是否换行排列2.flex-packa.具有与box-pack属性相同的参数b.distribute伸缩项目会平均分布在同一行里c.start伸缩容器中的第一个伸缩项目的起始边缘置于伸缩容器的主轴起始;下一个伸缩项目的起始边
bwshqh
·
2016-03-29 00:16
css
css学习
CSS学习
(二十一)-flexbox模型之二
一、理论:1.flex-flowa.flex-direction设置伸缩容器的伸缩流方向b.flex-wrap设置伸缩容器中的伸缩项目在伸缩容器无足够空间时,伸缩项目在伸缩容器中是否换行排列2.flex-packa.具有与box-pack属性相同的参数b.distribute伸缩项目会平均分布在同一行里c.start伸缩容器中的第一个伸缩项目的起始边缘置于伸缩容器的主轴起始;下一个伸缩项目的起始边
bwshqh
·
2016-03-29 00:00
CSS学习
(二十)-flexbox模型
一、理论:1.混合版本flexbox模型a.display 1)flexbox设置元素为块级容器2)inline-flexbox设置元素为内联块伸缩容器b.display容器的基本使用1)主要用于IE10浏览器2.伸缩流方向flex-directiona.flex-direction1)rowltr-->自左向右排列,rtl-->自右向左排列2)row-reverseltr-->自右向左排列,rt
bwshqh
·
2016-03-26 23:00
html/
css学习
text-decoration:文字下划线a:link、a:visited、a:hover、a:active分别表示:链接、访问后、鼠标经过、鼠标点击vertical-align设置元素的垂直对齐方式。
wzg31796
·
2016-03-25 16:00
CSS学习
笔记
一. css布局方式:默认的,按文档流的顺序,按HTML的结构顺序浮动方市定位方式二. css控制背景:background-color:#ccc;background-image:url(背景图像的位置及全称)background-repeat:[repeat、no-repeat、repeat-x、repeat-y](背景图像的重复方式background-position:top[left、c
wzg31796
·
2016-03-23 12:00
html
css
布局
CSS学习
(十九)-CSS伸缩布局盒
一、理论:1.flexbox模型基础知识a.flexbox布局方向不可预知b.屏幕和浏览器窗口大小发生改变可以灵活调整布局c.指定伸缩项目可以按主轴或者侧轴按比例分配额外空间d.指定伸缩项目沿主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间e.指定如何将垂直元素布局轴的额外空间分布到该元素周围f.控制元素在页面上的布局方向g.按照不同于DOM所指定的方式对屏幕上的元素重新排序2.fle
bwshqh
·
2016-03-20 23:12
css
css学习
CSS学习
(十九)-CSS伸缩布局盒
一、理论:1.flexbox模型基础知识a.flexbox布局方向不可预知b.屏幕和浏览器窗口大小发生改变可以灵活调整布局c.指定伸缩项目可以按主轴或者侧轴按比例分配额外空间d.指定伸缩项目沿主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间e.指定如何将垂直元素布局轴的额外空间分布到该元素周围f.控制元素在页面上的布局方向g.按照不同于DOM所指定的方式对屏幕上的元素重新排序2.fle
bwshqh
·
2016-03-20 23:00
浏览器
css3
布局
CSS学习
(十八)-滚动条、拖动元素、轮廓线
一、理论:1.overflow-x/overflow-ya.visible默认值,不添加滚动条b.auto添加滚动条c.hidden内容溢出容器时,所有内容都将隐藏,不显示滚动条d.scroll不论有无溢出,都显示滚动条e.no-display当内容溢出容器时不显示元素f.no-content当内容溢出容器时不显示内容2.resizea.none用户不能拖动元素修改尺寸大小b.both用户可以拖动
bwshqh
·
2016-03-19 00:00
css3
滚动条
border
轮廓线
拖动元素
CSS学习
(十七)-盒模型
一、理论:1.CSS盒模型a.外盒尺寸计算--高度element空间高度=内容高度+内距+边框+边距b.外盒尺寸计算--宽度element空间宽度=内容宽度+内距+边框+外距c.内盒尺寸计算--高度element高度=内容高度+内距+边框d.内盒尺寸计算--宽度element宽度=内容宽度+内距+边框2.box-sizinga.content-box默认值b.border-box元素维持IE传统的
bwshqh
·
2016-03-18 00:00
css
浏览器
css3
CSS学习
(十六)-HSLA颜色模式
一、理论:1.HSLA颜色模式a.HSLA在HSL基础上增加了不透明度,值越大透明度越低b.HSLA颜色模式的浏览器兼容性和HSL一样,只有较新版本的主流浏览器才支持2.RGBA和HSLA颜色模式二者可以完全相互替换3.RGBA/HSLA的IE兼容方案a.在IE8以下版本,一般在前面设置一个非透明色,在其后紧跟一个RGBA/HSLA颜色模式b.将透明的PNG图片平铺做为背景图片,适用于ie7-8c
bwshqh
·
2016-03-16 23:00
css
浏览器
css3
CSS学习
(十五)-CSS颜色模式、CSS颜色透明度
一、理论:1.CSS3颜色模式a.RGBA颜色模式,在RGB基础上加了控制alpha透明度的参数b.HSL颜色模式:色调饱和度亮度c.HSLA颜色模式:A值取于0-1之间,值越大,透明度越低2.RGBA/HSLA滤镜格式a.需要用转换工具才能在ie8及以下版本中使用RGBA/HSLA颜色模式相同的透明度,需要将RGBA/HSLA中的透明值乘以255,然后将其转换成十六进制值二、实践:1. T
bwshqh
·
2016-03-16 00:00
上一页
21
22
23
24
25
26
27
28
下一页
按字母分类:
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
其他