html css js
对我这几天的学习进行一下总结,首先要控制好布局,理解盒子模型的概念。所谓盒子模型就是把整个页面看成一个盒子,首先最重要的就是页面布局,你要自己考虑好怎么把整个页面进行划分。设计好了就要用div来进行布局。
我先来说说html各种标签的作用
< div >通常来说指一个块,在这个块里可以控制他的样式宽度、高度、背景、字体等(通过css样式表来实现)
设置div有以下几个好处
-
首先他能够把页面划分,合理的利用页面的空间,使页面布局更加规范。
-
通过div能够区域性的对div中的元素进行管理,类似于分治的思想,当别的div变化时不会对自身的div有影响。
-
首先先说明什么是父级,子级。最外面的div是父级,嵌套的div是他的子级,第二个div也是他的子级,而里面的两个div是同级。div经常会套用,也就是div里还有div这样的目的是方便进行定位。父级与子级div常用position进行联系,方便于子级相对于父级进行定位。父级和子级position声明为同一类型,这样子级就能相对于父级利用left top进行定位了。
而margin-left,magrin-top相对与同级div进行定位。
div经常要用到浮动,浮动用于同级div。使同级div在同一行上不过要注意的是不用浮动的时候要clear一下。可以在别的同级div里clear一下。
< p > 一个段落标签
< br>或者< /br >换行
还有很多标签 下拉框,单选框,复选框等。如果你能把布局弄好了,其他的就都简单了。
下面是css,css又称样式表。他是对html的各种标签元素进行修饰。例如改改大小,改改颜色,改改位置,改改背景。是为了美化html页面。
常用的有三种方式引进css -
内部标签引进
< p style=“color:red;font-size:20px”>把文本颜色变成红色,字体变成20像素。 -
内部样式引进
< p class=“p1”>I love css</ p>
< style>
.p1{
color:red;
font-size:red;
}
< /style> -
外部样式引进
需要添加外部.css文件的地址。
具体语法如下
< link ref=“stylesheet” href=“xxx.csss” type=“text/css”>
最后是jscript简称js
js使静态的html网页动了起来。可以这样表示。html为躯体,css就是外面的衣服,js是血液。这样才构成一个完整的人。
一般是通过html调用js函数,然后又由js编写函数实现动态改变html页面。js也比较简单。
总结: -
控制好页面布局,利用好div
-
尽量把html css js分开写,这样代码好进行修改。
-
建议自己仿照一些官网,可以试着做做他们的页面。不用完全实现,布局和一些基本功能能实现就能提高自己的前端水平。