html+css、JS阶段总结

学习html，老师首先带领我们学习了各种标签，比如：p标签、h标签、span标签、div标签、br标签、ul标签、li标签等等。之前学习网页设计的时候使用过这些标签，但是没有完全弄懂这些标签的具体用法。在小冯老师的教学下，我终于弄懂了不同标签的不同用法。

第一天还学习到了图片的插入和设置超链接，通过样式来设置图片的长宽高，也可以设置边框，内外边距等。以前在使用某些APP的时候会惊讶于他的功能，有的是下拉单选，有的是下拉多选。但是学习css之后，自己也掌握了相关的方法。

学习了css之前，觉得会很难，学习css之后，我认为想要学好css，首先要掌握相关的单词，要设计相关的网页，其实并不是很难，学习设计网页，我认为很重要的一点就是美观，想要把网页设计美观，就要去了解一些方法的使用，如果你并不了解这个单词的含义，就无法正确的使用它。

css有三种使用方式：第一就是内联样式，直接在标签上，通过style属性进行使用。我们可以再style这个属性里面设置它的宽度、高度、样式、背景样式、背景颜色等等，支队当前使用的标签有用。第二就是内部样式，在head标签中，通过style属性进行使用。css语言通过选择器找到标签，然后添加对用样式。第三就是外部样式，在head标签中，使用<link href = "xx.css">标签，引入css文件，进行样式的使用。

然后就学习了css的选择器。共有六种选择器：1、标签选择器：根据标签的名字，选择到对应的标签。2、id选择器：根据id选择标签。3、class选择器：根据标签的class属性选择标签。4、分类选择器：元素选择器和class/id选择器一起使用。5、分组选择器。6、派生选择器。在使用选择器对我们需要的部分进行定位时，我们可以根据不同的情况选择不同的选择器。

接着我们学习了js的使用。js的全称是javascript。js嵌入html页面，通过<script>标签来使用。<script>标签内部只能写给符合js的语法规则的语句，它是一种弱数据类型语言。

学习了html、css、js之后，我个人认为js要稍微难一些，需要记住的东西多一些。但是如果我们能够经常对这些知识点进行复习，多些代码，应该能熟练的掌握这些知识点。所以，学习是一条路，只有不停地走，才能看得到不一样的风景。

html+css、JS阶段总结相关推荐

手把手教你：CSS+JS 打造一个有个性的滚动条
前言每次浏览网页的时候,有个东西必不可少,那就是滚动条.这时候有的同学可能会说了:这句话不对,有的网页看不到滚动条.其实吧,那并不是看不到滚动条,而是滚动条被隐藏起来了.我们反过来想想,如果没有滚动 ...
前端面试宝典 html css js ajax es6
面试宝典一.HTML和CSS 1 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 1 2. 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 1 3. ...
html面试题(一)--html css js
前端面试题汇总一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...
HTML5,CSS,JS前端常见知识面试题
css中单位px,em,rem的区别 (1)px 是长度单位,它是相对于显示器屏幕分辨率而言的.比较稳定和精确,但在浏览器中放大或缩放浏览器页面时会出现页面混乱的情况. (2)em 是相对长度单位.e ...
css+js+ajax+html实现京东项目
css+js+ajax+html实现京东项目项目开始老样子先上效果图 : 登录页面注册页面首页商品详情页面购物车页面接下来我们开始上代码 HTML登录页面代码块 ```html <! ...
HTML5期末大作业：网站——美丽家乡(含HTML+CSS+JS源码及课程设计文档)
HTML5期末大作业:网站--美丽家乡(含源码及课程设计文档) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等 ...
有趣的HTML实例（八）一个很有趣的动态背景（css+js）
小时候,谁都觉得自己的未来闪闪发光,不是吗?但是一旦长大,没有一件事会遂自己心愿. --<被嫌弃的松子的一生> 目录一.前言二.往期作品回顾三.作品介绍四.本期代码介绍五.效果显 ...
前端资源（css,js,图片,接口等）加载过程
查看前端各资源css,js,图片,接口等加载速度前言查看前端各资源加载速度加载过程中各指标详解前言网页打开的速度快慢直接影响了用户体验.据统计,Google网站访问速度每慢400ms就导致用 ...
【转】Maven Jetty 插件的问题（css/js等目录死锁）的解决
Maven Jetty 插件的问题(css/js等目录死锁,不能自动刷新)的解决: 1. 打开下面的目录:C:\Users\用户名\.m2\repository\org\eclipse\jetty\j ...
html及js试题,HTML+css+js试题..docx
HTMLcssjs试题. HTML+CSS+JS面试题一.单项选择(165题)1.HTML是什么意思?A)高级文本语言B)超文本标记语言C)扩展标记语言D)图形化标记语言2.浏览器针对于HTML文档起 ...

html+css、JS阶段总结

html+css、JS阶段总结相关推荐

最新文章

热门文章