本文目录一览:
- 1、如何用JS或CSS制作网站导航条
- 2、学了HTMl,CSS,Javascript还是没有思路写出静态网页怎么办?我需要该学哪些事情来增加自己的思路
- 3、如何用css,js实现如图效果
- 4、公用css和js怎么处理的
如何用JS或CSS制作网站导航条
下载硕思网页菜单,有中文破解版得,全图文傻瓜操作,自动生成js代码,你只要把代码放入网页中就行了
学了HTMl,CSS,Javascript还是没有思路写出静态网页怎么办?我需要该学哪些事情来增加自己的思路
语言只是工具,不是内容。你离写出静态网页,已经成功了一半。还需要从实例出发,多练习、多模仿,在你可以模仿出很多网站页面后,还可以自己设计网页,写出更有主题、更漂亮的网页。
建议你可以先进行各个常见模块的实例练习,如:网页布局、导航栏、多级菜单、滚动图片、图文排版。掌握了这些基本模块后,你可以练习整体实例,如:个人简历、班级画报、企业宣传网站、购物网站……等等。
打个比方,以做菜为例;你学习了厨具的使用,不代表可以做出可口的饭菜;还要从一道一道菜品的学习和模仿中锻炼技能的组合。以说话为例,你学习了名词、动词、形容词,不代表可以写出优美的文章,表达出清晰的主题思想;还需要通过一句话、一个段落、一篇文章的练习才可以。
如何用css,js实现如图效果
左右2个div
position:absolute;
左边保留上下左3个边,右侧保留上下左右4个边
左面z-index大于右边,让左面div压过右面div,压过的宽度正好是边框宽即可,简单示例
.left{
position:absolute;
left:0;
top:0;
width:100px;
height:100px;
border:1px solid #CCC;
border-right:none;
z-index:2;
}
.right{
position:absolute;
left:100px;
top:0;
width:200px;
height:150px;
border:1px solid #CCC;
z-index:1;
}
div style="position:relative"
div class="left"/div
div class="right"/div
/div
公用css和js怎么处理的
使用外部引入的方式,将CSS与JS文件引入到相应的html文件当中,从而降低代码的冗余度
引入CSS的方式是通过link标签
引入JS的方式则是通过script标签
例如如下代码:
link rel="stylesheet" href="css文件路径" /
script src="js文件路径"/script
在CSS以及JS的使用当中,实际开发当中通常都是使用外部引入的方式进行书写(包括不共用的CSS代码),以便于管理,在适当的时候配合html文件内部书写的方式
如果是新手学习HTML5,建议弄本书把基础知识打扎实,弄清楚行业里如何开发,而不要只学习知识点,推荐《HTML5布局之路》,基于实际开发工作讲解的结构样式方面的东西