htmlcss菜鸟教程,Htmlcss
CSS样式表怎么做
1、创建使用css样式表有三种,分别是外部样式表,内部样式表和内联样式。下面通过一个小demo演示它们的用法,首先新建一个html文件,放入3个button按钮,给前两个按钮分别设置class属性为btn1和btn2:
2、接着准备一个css文件,命名为demo.css,在文件内写入按钮A的样式,保存css文件:
3、回到刚才的html文件,在style标签中用link标签引入上一步创建的css文件,这就是外联样式的用法,总结就是创建好的css文件内写好样式,然后在html文件中用link标签引入即可,这也是大部分网站使用的方法,因为其引入方便,管理起来也比较方便:
4、接着是内部样式表的使用,这里直接在head标签里创建style标签,在里面加入btn2的样式。对于内部样式表简单的html文件,内部样式是很方便的,但是结构复杂的html文件使用它就会让文件显得很混乱:
5、最后是内联样式的使用,直接在第三个标签内使用style属性加入样式就可以了:
6、最后保存html文件,打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法:
css基本知识怎么学
结合我的经历
1、找人给你讲解一下css的基础知识
2、看别人布局一个页面出来,自己动手照猫画虎的试着布局
3、经常翻翻css手册,不会的多问,上网查
4、学习标准,规范书写
5、开始写简单的页面 以至网站
至于每个阶段的时间看你的掌握情况了 还有其他知识的积累情况 如 html 等
书籍的推荐 用我以前的答案
css的手册 及简单教程
简单的初级教程 (电子书)
很不错的新版css手册2.0
css的经典书籍
《css商业布局之道》中国的 还有一本《O`REILLY CSS 权威指南中文版》
这2本是我读过最牛的css书籍

web前端怎么自学,有什么好的网站,或者资料推荐吗?
基础性的学习网站:
w3school:
w3cplus:
MDN网站 :
菜鸟教程网:
易百教程:
脚本之家:
视频类的学习网站:
尚学堂:
慕课网:
扣丁课堂:
极客学院:
腾讯课堂:
个人博客类的学习网站:
张鑫旭:
阮一峰:
廖雪峰:
辰辰:
轩枫阁:
社区类的学习网站:
segmentfault:
掘金:
简书:
WEB前端-伯乐在线:
Stack Overflow:
CSDN:
博客园:
开发者头条:
怎样自学web前端开发?
1、首先,得学习一下html,主要是学习一下html标签的使用方法。推荐一个学习平台,W3C 菜鸟教程。这个教程简单易用,适用于初学入门者,能比较完善的学习html是怎么使用的。(如果感兴趣,学完后可以接着学一下html5,这个是目前最新版本的html,也比较简单的。)
2、学完了html,接着当然是学习css。html的作用是填充网页内容,css作用就是为内容加上外衣,让它看起来富有色彩,更好看。推荐同样在W3C 菜鸟教程上面去学习css,很简单,大概两三天的学习周期,这些内容需要强记一下,记下了多用就熟了,没有什么难度。(学完css,可以接着学习css3,目前最新版本的css,这个有兴趣就学,一般的话css3用的不是很多,个人觉得)
3、学完了html,css,接下来是重头戏,轮到了我们的javascript,业界简称js。很多程序员说js的难度超过了java, 我想说的是,简单易学的入门,深究可能就要费脑子了,当然大家不要怕,企业应用级别的js也是很简单的,吧W3C 菜鸟教程中的文档看完完熟了,也就了解了js的使用方法了,哈哈。
4、学完了上述的html,css,js后,咱们就可以成为一名合格的web前端程序员了。但是光合格还是不够的,技术要拿得出手,工作中才能轻松胜任,学习咱们搞编程是不能停止学习步伐的,继续出发!学什么呢,学完js后,首先要学的是jQuery框架,说它的大名鼎鼎是一点都不为过,不知道jquery是什么的程序员我就不想说什么了,你现在知道它的重要性了吗,这个一定得好好学习。
5、接下来我想推荐另外两个现在非常热门的比较新的框架,它们未来会成为主流前端框架,一个叫angularjs,目前最新版本的是angular4,另外一个是vue.js,大家感兴趣可以学习学习。
css动画,div设置了动画,但不希望DIV内部的文字也跟着动?
把文字和背景分别放到两个平级的div中,文字覆盖在背景的上面,然后只需要把动画作用到背景所在的div上,这样文字不受影响就可以保持不动了。而且,这样一来,外框与背景就不需要做反向运动,只需要背景动即可,外框保持不动,这样只需要一个动画,提高了效率:
!DOCTYPE html
html
head
meta charset="utf-8"
title菜鸟教程(runoob.com)/title
style
#myDIV
{
width:100px;
height:100px;
position:relative;
}
@keyframes mymove
{
0% {}
100% {-webkit-transform:rotate(360deg);}
}
#mybak{
position:absolute;
left:0;
top:0;
width:100px;
height:100px;
background:black;
-webkit-animation:mymove 10s infinite;
}
#mynum{
position:absolute;
left:0;
top:0;
width:100px;
height:100px;
text-align:center;
color:white;
font-size:70px;
line-height:100px;
}
/style
/head
body
div id="myDIV"div id="mybak"/divdiv id="mynum"10/div/div
/body
/html
各位程序猿,我想学html和css,有介绍的书籍吗
书籍挺多的,刚开始还是建议先看下书打些理论基础再看网上的东西,因为感觉书上总结的比较全面。
入门推荐图灵?的书籍:
1、《CSS3权威指南》
2、《HTML5权威指南》
老实说看完上面两本书HTML和css基本都有些基础了,然后就是可以看一下网上的教程了:
1、菜鸟教程
2、W3cshool
3、慕课网
4、极客学院
1,2主要文档类教程,3,4主要是视频类教程,并且感觉都不错,到后来你就可以看一些官方文档和别人的博客来学习了。