首页 web前端正文

web前端学习笔记(一)

凯凯 web前端 2019-07-29 28 0 web前端

  :是面向用户(浏览者)的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

  相关资源:1.HTML参考手册+CSS参考手册  2.DW软件安装  3.多款浏览器

  外链样式:单独创建css样式文件(.css),在网页的head区域通过link标签关联css文件。link标签的rel属性指定为stylesheet,href属性指定css文件的路径。外链样式实现了html结构与css样式完全分离,多个网页可以调用1个样式文件表,以实现代码的最大限度重用及网站文件的最优化配置。

  Q:如果三种引用方式同时存在并作用于一个html标签对象的时候,哪种被优先使用呢?

  行间样式(标签内部)内嵌样式(当前文件中)外链样式(外部文件)。(因为习惯于先写外部链接,再写内部链接)

  选择符(对象):以html标签作为附件CSS的对象,有多种对象类型:标签本身(标签名称,如div等)、标签的特定属性(id或class)、标签的某种状态(伪类)。

  直接以html标签的标签名作为选择符对象;如h1{ font-size:20px;};主要用于对网页文档中的基础标签进行统一的标准化设定。

  以html标签的唯一标识符id属性的值作为对象。html语言中:id属性是html标签的通用属性,但id值的命名是唯一的,不允许重复。在css语言中,#代表后面的名称是id值,id选择符主要用于针对具有唯一性的html对象。

  将一组css样式归纳成为一个类,作为css应用的对象。html语言中:class属性是html标签的通用属性,可以定义多个类,类名之间用空格分隔。css语言中:class选择符主要用于需要调用相同css样式的多个html对象。

  适配文档中的所有html对象;用于定义html文档中所有对象的基础样式(消除浏览器默认设置的基础样式);根据就近原则,要放在css代码的首行;最常见的用法:*{margin:0;padding:0;}  /*消除所有html标签默认存在的内外边距*/

  根据html对象的嵌套关系,指定某个父级元素的子级元素样式;选择符对象可以是多重包含,即一层层的包含下去,样式仅作用于最后的内部对象。元素对象之间用空格分隔。

  将同样的样式用于多个选择符对象,选择符对象之间用逗号隔开。这里的对象并不一定得是标签,可以是class,id等

  将class类选择符和标签选择符结合在一起使用。主要适用于在使用了某个class类的所有html对象中特别指定某一类标签。如:h1和某个p标签调用了important这个类,但是只想给调用了important的p对象添加样式时使用。

  所谓行万里路,必先始于足下。刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说...博文来自:weixin_40850986的博客

  大前端完整学习路线(详解)第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树...

  HTML样式style属性用于改变HTML元素的样式。HTML的style属性style属性的作用:提供了一种改变所有HTML元素的样式的通用方法。样式是HTML4引入的,它是一种新的首选的改变HTM...

  HTML5:布局类标签HTML是具有语义化的语言,针对网页的布局,有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域,是双标签类型,是双标签类型,默认显示为块状元素。通...

  第一部分HTML第一章职业规划和前景职业方向规划定位:web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望:未来IT行业企业需求最多的人才结合最新的html5抢占移动端的...

  新手web前端只第一个网站  在这个信息爆炸的时代,相信每个人都无时无刻不陶醉在互联网的海洋之中,生活中与我们接触最多的就是各种千奇百怪的网...

  即将参加面试,逛了几个论坛学习了很多前端大牛的面试经,学习了很多,现收集总结与大家分享共同学习。初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。临时抱佛脚只求面试侥...

  web前端到底是什么?某货:“前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致gt;前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,gt;...

  Web前端开发最常见的编程软件有以下几种: DreamWeaver是一款老牌前端开发工具,功能强大且组件丰富,作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具,一边写...

  标签显示模式(display)非洲黑人:皮肤内黑色素含量高,以吸收阳光中的紫外线,保护皮肤内部结构免遭损害,头发象羊毛一样卷曲,使每根卷发周围都有许多空隙,空隙充满空气,卷发有隔热作用。欧洲白人:生活...

  本科毕业设计跟一个大牛老师做了前端的课题:数字印刷机控制软件-主控系统设计。作为一个电子的学生第一次接触前端的知识,也从此觉得这是一个适合我学习和我喜欢学的方向。-----2016届本科毕业生  ...

  --受教于极客时间winter老师的专栏,有兴趣的可以购买winter老师的专栏,详细看一下,真的很受教一、将前端的...

  定位层的概念:1.定位层是由html元素(标签)形成的一个特殊的box盒子。2.其重点在于“定位”,而html元素(标签)的定位方式由CSS来控制。通常情况下,html元素(标签)默认的定位方式叫做“...

  Web前端开发是网页设计演变而来的。网页设计是把用户需求设计成网页预览效果图;web前端开发是把网页效果预览图转换成可运行代码;使用Photoshop和Dreamweaver就可以设计出网页,但如果要...

  原文出处:王福朋-博客园1.总分类前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱。那么如何组织,把谁和谁放在一块儿?这是真正值得我们去思考的,你也可以自己来思考一下这个问...

  一个在工科被虐了5年多的女研究僧的technical blog千万不要学习

  我相信如果看电影的都知道,不管是爱奇艺还是腾讯视频还是优酷很多的电影电视都是需要VIP的,但是为了看这么一个电视或者电影开个vip又不是很划算,小编今天教大家如何利用Py......

  互联网+的火爆,让互联网行业快速的扩张。越来越多的人想通过学习的途径进入这个行业,java开发、WEB前端开发、UI设计等专业受到大众追捧。小编这次主要介绍一下WEB前端开发,为想要学习web前端开发...

  1:简述前后端通讯的过程(三次握手,四次挥手)?TCP(TransmissionControlProtocol)传输控制协议 1、TCP三次握手和四次挥手的过程图  tcp的6种标志位的分别代表:S...

  来自头条号:丁向明(ps:加关注)---大家好,我是aming,来自广东的一种称谓(习惯于加阿x来称呼,我曾在广州工作过一段时间,大家习惯这样叫我)不管你之前认识或不认识我,现在,我们开始重新认识一下...

  hi,大家好!我的第一篇文章:【web前端到底是什么?有前途吗?】,在我没想到如此‘HOT’的情况下得到很多好评和有效传播。也为我近期新开的个人前端公众号:前端你别闹(webunao)直接增加了几百粉...

  什么是html5?html5其实是一种技术的集合,它包括了html5,CSS3,JS等技术。而web前端则是一种职业,国内从2005年开始发展的,是由网页设计师演变过来的。如果从技术上说,web前端涉...

  做C开发将近六年,基本上没有接触过web相关的东西,原来听别人说web相关的东西的时候也是分不太清楚到底哪个是前端哪个是后台,前端和后台又是怎么配合着工作的?经过各方法搜索,很多类似的疑问终于得以弄明...

  1.一次完整的HTTP事务流程(1)域名解析(2)发起TCP的三次握手(3)建立TCP连接后发起http请求(4)服务器响应http请求,浏览器得到HTML代码(5)浏览器解析HTML代码,并请求HT...

  网站开发一般分为前端和后端两个部分。前端负责实现页面效果,后端主要负责功能开发。一般的开发流程是先由美工或者网页设计师进行网页设计和切图,所谓切图就是将设计好的网页效果图利用html开发工具进行代码实...

  由于前端开发的火热和一些IT巨头公司对 web前端开发人员的需求旺盛,让越来越多的人转入前端。前端开发领域是IT技术语言领域唯一一个男女老少都可以快速入门并快速提升兴趣的领域,今天就来聊聊前端到底该怎...

  web前端工程师必备的六大技术,你了解吗?听说过近几年火起来的web前端开发工程师吗?也许前几年你听说过很多类型的工程师,什么Java工程师,PHP工程师,数据库工程师等等,近年来随着各种用户需求的不...

  web前端开发的必经之路:HTMI→CSS→JAVASCRIPT趋势一:重大转变移动优先    响应式设计显然是目前web前端开发领域的主要趋势之一,响应式网站设计是一种网络页面设计布局,其理念是:集...

  随着互联网开展,互联网的体系越多越多,越来越杂乱,用户不能满意基本功用的需求,对互联网体会要求越来越高,客户端与服务器的交互不在是简略页面和页面的交互,而变为页面和页面+程序+数据的交互,其间完成与客...

  做web前端也就是页面是为了和用户做显示数据和交互的,主要的技术栈是HTML,CSS,Javascript以及JQuery,这些是必不可少的,其中JQuery只是JS的一个库而已,把JS和页面元素...

  这是一个开始怎么会想要写博客了?入门的一些感受附上前端学习路线供大家参考我想说的话这是一个开始怎么会想要写博客了?这是我第一次尝试写博客,想把自己的学习历程记录下来。其实在半年以前就想着写博客,可一直...

  1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询...

  1.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?pos...

  这边主要介绍几个门户的js库1.JX(腾讯)官网地址:是一个类似GoogleClosureLibrary的Web前端开发框架,...

  1.CSS3响应式导航菜单今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下...

  写在前面的话博主就读于电子科技大学,大三狗一枚!面试是个漫长的过程,从海投到收获电话面试,一面、二面、三面,一个步骤出错那么后面就宣告终结。同时,面试过程中你也可能会遇到一些面试官的刁难,甚至部分面试...

  互联网的高速生长,促使互联网企业对付网站等页面的用户体验要求也越来越高,导致网站开举事度越来越大,于是一个新兴职业应运而生——web前端工程师。由于互联网时代的高速生长,公司企业的孔殷需求web前端工...

  这篇文章介绍10款让Web前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择。对于每一项工作,开发人员需要特定的辅助工具,所以如果...

  AwesomeJavaScriptJavaScript是一个仅在一周就被发明出来的小玩意,所以,它有着有多的缺陷,即使是这样,它已经存在了20年,全世界几乎每台电脑都至少装有一个JavaScript解...

  过去的2017年可以说是一个“编程语言年”,这一年的前端开发不再像过去几年里新技术框架层出不穷,百家争鸣的局面,而是各种组件,模块,很多东西都有痕迹可寻,技术都在原来的基础上有了革新和沉淀。前端招聘方...

  要了解web前后端的区别,首先必须得清楚什么是web前端和web后端。首先:web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(...

打赏
广告位招租

除特别注明外,本站所有文章均为黑帽seo技术原创,转载请注明出处:http://www.chaoweibo.com/post/1511.html

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论