css好学么?

html-css013

css好学么?,第1张

div+css是比较好学会的,但是JS你不花一定功夫的话是很难搞得定的。不要想的那么复杂,把css就当是一个属性一个值,慢慢记就好了,适当的做些训练,CSS还是比较傻瓜式的,当然高深的也有,比如说兼容性,比如说针对不同浏览器写不同的CSS等还是比较难的,还有继承性,浮动,以及定位是比较难处理的。基本的去记就好了,比如说改变字体大小啊,背景啊都是小儿科。另外就是选择器,class,id,标记名,以及通过style内嵌这几种方式要知道怎么做。

JS呢那就是属于编程语言了,虽然是脚本,但是JS的强大会让你震撼。如果你想速成的话,先学一些基础知识,比如说定义变量啊,循环啊等等。然后去学一个Javascript框架,如jquery。使用起来比较简单,兼容性也好,一个月基本上就能用的好了。学JS需要注要的知识点有dom(用JS操纵文档对象样式及属性),ajax(异步传输),这两个Jquery都封装起来了,所以用jquery会速成。

什么是css?

css :叠层样式表(Cascading Style Sheets),是能够真正做到网页表现与内容分离的一种样式设计语言。通俗的讲,可以把网页内容以更好的方式呈现在用户面前。

如何定义css?

定义css分三类:

标签元素

body,ul,li等,直接定义 ,格式:标签名{属性:样式}body{font-size:12px}

类定义 在前面都是要加点

.top{margin-top:20px}

id定义,id定义是样式里做高的,一般不建议用。id定义用#

#footer{ margin-top:20px}

在html里如何使用css?

使用方式可以分三种:

外联式Linking(外部样式):将网页链接到外部样式表。

     表现形式为:

<html>

<head>

<!----头部部分----->

<link href="baidustyle.css" rel="stylesheet" type="text/css">

</head>

<body>

<!----内容部分----->

</body>

</html>

嵌入式Embedding(内页样式):在网页上创建嵌入的样式表。

     表现形式为:

<body>

   <div class="btn">

      <p>这是一段话</p>

   </div>

</body>

<style>

body {margin:0 padding:0}

.btn {border:1px #ccc solid width:500px height:300pxbackground:#fbfbfb}

.btn p {font-size:21px}

</style>

内联式Inline(行内样式):应用内嵌样式到各个网页元素。

     表现形式为:

<body>

   <div class="btn">

      <p style="font-size:21px">这是一段话</p>

   </div>

</body>

把注册按钮的type属性改成“button”

然后添加一个 onclick="form1.submit()"

搞定

当然带来的问题是你必须点击按钮才能提交,而没办法通过直接敲回车提交,如果想解决这个问题,可以在form中再放一个

<div style="width:0pxheight:0pxoverflow:hidden"><input type="submit"/></div>

也就是做一个隐藏的提交按钮来获得回车事件。