text-indent应用(1)使用 text-indent 负值隐藏文本内容,例如网站标头(2)使用text-indent的百分比值来实现宽度已知的内联子元素居中letter-spacing应用(1)清除 inline-block 列表由于换行符或者空格产生的空白间隙,使我们的布局控制更精准.box {letter-spacing: -1em;
}
.list {letter-spacing: 0;
} (2)实现文字动画word-spacingword-spacing 仅作用于空格字 符word-break和word-wrapwhite-spacewhite-space:nowrap应用(...
相对地址与绝对地址网页上引入或链接到外部文件,需要定义文件的地址,常见引入或链接外部文件包括以下几种:<!-- 引入外部图片 -->
<img src="images/001.jpg" alt="图片" /><!-- 链接到另外一个网页 -->
<a href="002.html">链接到网页2</a><!-- 外链一个css文件 -->
<link rel="stylesheet" type="text/css" href="css/main.css" /><!-- 外链一个js文件 -->
<script type="text/javascript" src="js/jquery.js"></scrip...
Java基础复习进阶
今日内容1. web概念概述
2. HTML
web概念概述* JavaWeb:* 使用Java语言开发基于互联网的项目
?
* 软件架构:1. C/S: Client/Server 客户端/服务器端* 在用户本地有一个客户端程序,在远程有一个服务器端程序* 如:QQ,迅雷...* 优点:1. 用户体验好* 缺点:1. 开发、安装,部署,维护 麻烦2. B/S: Browser/Server 浏览器/服务器端* 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序* 优点...
最近在研读 《CSS SECRET》(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目:
CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值得一看)。采用单标签完成各种图案,许多图案与本文有关。
也希望觉得不错的同学顺手在我的 Github 点个 star : CSS3奇思妙想 。正文从这里开始,本文主要讲述一下 伪元素 before 和 after 各种妙用。:before和::before的区别
在介绍具体用法之前,简单介绍下伪类和伪元素...
CSS全称是cascading style sheets,中文名字叫级联样式单,也叫层叠样式表。它的好处就是能让代码整齐,并且可以批量处理一些样式。 基本语法: 注释符:/* */ 选择符:selector {attribute:value} 同一个属性的值用空格符号隔开,不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式,则写table {.....;.....;} 选择符的使用方法有很多种,于是我又一次懒得打,从网上抄来的: 选择符模式
说明*
匹配任意元素。(通用...
CSS全称是cascading style sheets,中文名字叫级联样式单,也叫层叠样式表。它的好处就是能让代码整齐,并且可以批量处理一些样式。 基本语法: 注释符:/* */ 选择符:selector {attribute:value} 同一个属性的值用空格符号隔开,不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式,则写table {.....;.....;} 选择符的使用方法有很多种,于是我又一次懒得打,从网上抄来的: 选择符模式
说明*
匹配任意元素。(通用...
写这篇文章的缘由是因为看到了这个页面:
戳我看看(移动端页面,使用模拟器观看)
运用 CSS3 完成的 3D 视角,虽然有一些晕3D,但是使人置身于其中的交互体验感觉非常棒,运用在移动端制作一些 H5 页面可谓十分博人眼球。
并且掌握原理之后制作起来也并不算废力,好好的研究了一番后将一些学习过程共享给大家。
下面进入正文:(一些 Gif 图片较大,需要等待一会)3D 效果示意
百闻不如一见,先直观感受一下上述我所说的效果:最好...
DIV+CSS的30条进阶技能 许许多多的网页新手正徘徊在专业编码的门槛前,而网上的教程参差不齐,鱼龙混杂,很容易让新手迷茫。这里总结了30条网页编码的“秘技”,只要在编码过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1. 一定要闭合标签 在以往的页面源代码里,经常看到这样的语句: Some text here. Some new text here. You get the idea. 也许过去我们可以容忍这样的非闭合标...
对于html+css已入门,求推荐一本进阶的书籍? 回复讨论(解决方案) 木有人回答么 已经入门了的话,我建议你先去做几个简单的项目,比如模仿下淘宝,新浪这些页面,然后在做的过程中遇到问题可以网上搜,这样不但稳固了你的基础,也能学到更多新知识。 HTML.CSS 门栏本来低,它只不过是个应用,建议你最主要的还是要学习美工方面的知识,比如色彩,搭配,布局这些。
一. css 40分 1. 什么是盒模型? 2. Doctype的几种类型? 3. 如何布局左不动右边自适应的两列布局? 4. 如何布局两列等高? 5. 如何布局右侧定宽,左侧或中间自适应? 6. 如何布局三列自适应? 7. gif,png,jpg的区别? 8. 什么是css sprite?优缺点? 10. 制作细线表格? 11. position:relative,absolute,fixed区别与联系? 12. 如何居中一个float:left的元素 13. Css在各浏览器下的兼容问题你通常是怎么...
inline和block的区别: 网页一般是两种元素组合起来的,一种是内联元素,也就是行内显示,加上width和height没效果。一种是区块元素,可以加上对应的width和height,通常使用在网页的布局,最常用的就是标签。display:block;的意思把内联元素转换为区块元素display:inline;的意思是把区块元素转换成内联元素例如:就属于内联标签,如果你想把他当做这类标签来使用,这时display:block;就可以使用了!【要注意的是,任何标签的...
<meta http-equiv="content-type" content="text/html"; charset="utf-8"> html和css的关系 h1{ font-size:12px; color:#930; text-align:center; } span{ color:yellow; } Hello World css的组成:选择器,声明=属性与属性值 css的语法:选...
选择器的类型 css的选择器 .stress{color:red;}/*类前面要加入一个英文圆点*/ #setgreen{color:green} 什么是类选择器 id选择器又是什么呢? 类选择器在css样式编码中是最常用到的,如上图可以实现“类选择器”字体设置为红色。 .类选择器名称{css样式代码;} 英文圆点开头,其中类选择器名称可以任意起名不要用中文数...
从零开始学Axure原型设计(进阶篇) Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。在认识了Axure的界面和部件库之后,我们可以用它来画线框图了,但是静态的线框图在表达上不如有交互的原型图来得直观。 Axure进阶篇中将会介绍什么是交互,如何玩转Axure中最频繁使用的动态面板部件,做出狂拽炫酷的交互效果。另外,还会介绍母版(主要是触发事件)的使用。 交互基础知识 ...
前言:唯有脚踏实地,才能厚积薄发,未来只属于为梦想而奋斗的人们,今天的你决定未来的自己。 上一篇给大家介绍了ValueAnimator的大部分函数的用法,不过还都是些简单的用法,这篇我们带大家来看看有关加速器、animator和keyFrame的知识。 一、插值器插值器,也叫加速器;有关插值器的知识,我在 《Animation动画详解(二)——Interpolator插值器》中专门讲过,大家可以先看看这篇文章中各个加速器的效果。 这里再讲一下...