前端 html css js

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分开写,这样代码好进行修改。

  • 建议自己仿照一些官网,可以试着做做他们的页面。不用完全实现,布局和一些基本功能能实现就能提高自己的前端水平。

猜你喜欢

转载自blog.csdn.net/qq_43279637/article/details/82873697