仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1014|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之css技能:典范CSS利用技能几则

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:10:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
MacJi“偷懒”翻译了部分,下战书冒着被BOSS解雇的伤害将其补完(原文链接)。
利用line-height垂直居中
line-height:24px;
利用流动宽度的容器而且必要一行垂直居中时,利用line-height便可(高度与父层容器分歧),更多的垂直居中总结能够看这里。
扫除容器浮动
#main{
overflow:hidden;
}
期前也提到过如许的成绩,更多信息能够看这里。
不让链接折行
a{
white-space:nowrap;
}
下面的设定就可以制止链接折行,不外团体倡议长链接会有响应的这行(有关换行方面的会商,参看圆心的纪录)。
一直让Firefox显现转动条
html{
overflow:-moz-scrollbars-vertical;
}
更多的Mozilla/Firefox公有CSS属性能够参考这里。需跨扫瞄器的撑持,也能够利用
body,html{
min-height:101%;
}
使块元素程度居中
margin:0auto;
实在就是
margin-left:auto;
margin-right:auto;
这个技能基础上一切的CSS教科书城市有申明,别健忘给它加上个宽度。Exploer下也能够利用
body{
text-align:center;
}
然后界说内层容器
text-align:left;
恢复。
埋没Exploertextarea的转动条
textarea{
overflow:auto;
}
Exploer默许情形下textarea会有垂直转动条(不要问我为何)。
设置打印分页
h2{
page-break-before:always;
}
page-break-before属功能设置打印网页时的分页。
删除链接上的虚线框
a:active,a:focus{
outline:none;
}
Firefox默许会在链接取得核心(大概点击时)加上条虚线框,利用下面的属性能够删除。
最复杂的CSS重置
*{
margin:0;padding:0
}
假如想“庞大”,参考YUI的做法(另有这里)。原文留言中也有效户说了他们的概念
IhavetoagreewithNiallDoherty,*{margin:0px;padding:0px;}
basicallymeans"traverseeverycsselementandgiveitthese
attributes".Thatisaveryunnecessarystrainontheserverand
abadsemanticpractice,asyouhavetogivesomeelements
padding/marginagain,afterstrippingthem.

所有的设计第一步就是构思,构思好了。
透明 该用户已被删除
沙发
发表于 2015-1-16 22:19:47 来自手机 | 只看该作者

CSS教程之css技能:典范CSS利用技能几则

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
谁可相欹 该用户已被删除
板凳
发表于 2015-1-19 08:52:22 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
若相依 该用户已被删除
地板
发表于 2015-1-28 05:54:52 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
简单生活 该用户已被删除
5#
发表于 2015-2-5 18:16:20 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
小女巫 该用户已被删除
6#
发表于 2015-2-13 05:46:46 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
山那边是海 该用户已被删除
7#
发表于 2015-3-3 15:56:37 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-11 12:17:40 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
精灵巫婆 该用户已被删除
9#
发表于 2015-3-18 17:17:34 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 21:39

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表