之前虽然用CSS3 transform做过动画相关项目,目的就是让元素动起来,看着比较酷炫,仅此而已。但是最近想用transform实现小于12px文字的时候却发现transform并未将由于文字过长而换行的文字改为单行,那正好趁着这个机会小小的研究一把。
-
CSS3 transform的一些细节
-
ASP.NET使用母版页后动态加载JS/CSS
ASP.NET中使用母版页最大的好处就是当有许多相似的页面时只用加一个母版页,每个页面用这个母版页生成内容页,然后根据情况修改每个内容页中的内容,保持页面布局的统一,同时也减少了代码量。
但另一个突出的问题是使用母版页后,每个内容页中没有了<head></head>标记,因为这都在母版页中有了,而这对修改标题、加载JS/CSS等文件都有影响,前面我已经说过在ASP.NET中使用母版页后统一网页标题,那这篇就来说说如何加载JS/CSS等文件。
与ASP.NET中使用母版页后统一网页标题中修改标题的原理一样,加载JS/CSS等文件可以在内容页中加,也可以在母版页中统一加载。
1、在单个内容页中加载
将下面两段段代码放入内容页的Page_Load中即可,很简单了,也不再多解释。
- 加载JS文件
#region 加载JS文件 HtmlGenericControl JSControl = new HtmlGenericControl("script"); JSControl.Attributes.Add("type", "text/javascript"); JSControl.Attributes.Add("src", "JS/js.js"); Page.Header.Controls.Add(JSControl); #endregion
- 加载CSS文件
HtmlLink CssControl = new HtmlLink(); CssControl.Href
-
CSS中的块级元素与内联元素
块元素(block element)
块级元素,形象点说就是一个四方块,可以放在页面上任何地方,一般都会另起一行显示。
有以下元素。
* address – 地址
* blockquote – 块引用
* center – 举中对齐块
* dir – 目录列表
* div – 常用块级容易,也是css layout的主要标签
* dl – 定义列表 -
各种HTML标签CSS属性默认值汇总
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table } -
CSS Sprites技巧:单个图片插入多个链接
平时我们做网页的时候会用到img标签来插入图片,再结合a标签可以给图片加上链接,但是其实单独用a标签就可以实现这样的效果,而且可以在单个图片中插入多个链接。
本文的基本做法就是用CSS Sprites将多个图片合并为1个,用CSS中的background属性代替img标签,用background-position来实现多个图片链接的最终效果。
例如原来3个图片链接的HTML代码如下
<a href="#"><img src="#" /></a> <a href="#"><img src="#" /></a> <a href="#"><img src="#" /></a>
现在用CSS Sprites时HTML代码为
<a id="a"href="#">链接名称1</a> <a id="b"href="#">链接名称2</a> <a
-
回顾下自己以前的作品
今天无意中翻到了自己以前做的那些网页,感触甚多啊。
虽然当时的作品有很多缺点,甚至当时都不懂DIV ,CSS,更不懂什么浏览器兼容性,但是当时也是花了很大功夫去做,而且那时这样的作品也算是不错的。。。哈哈,自恋下。
这里共有两个作品,截图如下。
ssite
myzone
-
CSS代码命名及书写规范篇
一直以来我的CSS都是参考人家的,看着人家的怎样写然后自己一点点模仿,也没有注意什么规范,这并不是长久之计,学习下一些规范还是很有必要的,这份规范也是在网络上搜集的,目的是方便自己,方便大家,如果其中有错误请大家指正。
CSS命名规范
一.文件命名规范
全局样式:global.css;
框架布局:layout.css; -
WordPress折腾记-精简CSS及JS在插件中的调用
爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做。