【后端码农谈前端（HTML篇）第二课：常见元素】的更多相关文章

后端码农谈前端（CSS篇）第二课：CSS的5个来源

0.浏览器默认样式 当你不为html元素设置任何样式时,显示在浏览器上的(比如:<b>元素会显示粗体.<p>元素有纵向margin.<h1>元素字号比<p>元素大一倍--)这是为什么呢? 因为浏览器自带一个默认的样式,在html元素未被设置样式时,浏览器会按照自己默认的样式来显示.但是浏览器默认样式的级别是最低的,一旦有其他地方设置了样式,浏览器默认样式就会被覆盖掉. 注意,不同浏览器的默认样式有些地方是不一样的.例如,我们在写css时,都会首先设置 * {…

后端码农谈前端（HTML篇）第二课：常见元素

一.根元素 <doctype> 定义文档类型. <html> 定义 HTML 文档. 二.元数据元素 <head> 定义关于文档的信息. <meta> 定义关于 HTML 文档的元数据. <link> 定义文档与外部资源之间的关系,一般用于引入样式表. <base> 定义页面上所有链接的默认地址或默认目标. <title> 定义文档标题. <style> 定义文档的样式信息. 三.脚本元素 <script…

后端码农谈前端（CSS篇）第七课：定位与浮动

一.定位: 1.定位的理解 (1)相对定位 相对定位是一个非常容易掌握的概念.如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动. 如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方.如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就是将元素向右移动. #box_relative { position: relative; left: 30px; top:…

后端码农谈前端（HTML篇）第一课：HTML概述

一.什么是HTML? HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言: HTML指超文本标记语言(Hyper Text Markup Language),之所以称为超文本标记语言,是因为文本中包含了所谓"超级链接"点.: HTML规定了自己的语法规则,用来表示比"文本"更丰富的意义,比如图片,表格,链接等.浏览器 (IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档.目前互联网上的绝大部分网页都是使用HTML编写的. 二…

后端码农谈前端（CSS篇）第八课：继承与层叠

一.继承 继承:所谓CSS样式继承,就是子元素应用父元素的规则声明.(由这一特性,可将CSS属性分为可继承属性和非可继承属性.)可继承属性:属性值可由父元素继承给子元素的属性称之为可继承属性. 哪些属性是可继承属性? 1.文本样式属性 text-indent.text-align.word-spacing.letter-spacing.text-transform.text-decoration.direction.white-space 2.字体样式属性 font.font-family.fo…

后端码农谈前端（CSS篇）第六课：盒子模型

元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的边缘是边框.边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素. 提示:背景应用于由内容和内边距.边框组成的区域. 一.CSS 内边距属性 属性 描述 padding 简写属性.作用是在一个声明中设置元素的所内边距属性. padding-bottom 设置元素的下内边距. padding-left 设置元素的左内边距. padding-right 设置元素的右内边距. padding-top 设置…

后端码农谈前端（CSS篇）第五课：CSS样式

一.背景: CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. 1.背景色 可以使用 background-color 属性为元素设置背景色.这个属性接受任何合法的颜色值. 例如: p {background-color: gray;} 2.背景图像 要把图像放入背景,需要使用 background-image 属性.background-image 属性的默认值是 none,表示背景上没有放置任何图像.如果需要设置一个背景图像,必须为这个属性设置一个 URL 值: body…

后端码农谈前端（CSS篇）第四课：选择器补充（伪类与伪元素）

一.伪类: 属性 描述 :active 向被激活的元素添加样式. :focus 向拥有键盘输入焦点的元素添加样式. :hover 当鼠标悬浮在元素上方时,向元素添加样式. :link 向未被访问的链接添加样式. :visited 向已被访问的链接添加样式. :first-child 向元素的第一个子元素添加样式. :lang 向带有指定 lang 属性的元素添加样式. 例如:在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标…

后端码农谈前端（CSS篇）第三课：选择器

一.选择器 1.ID选择器: 语法:首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号.请看下面的规则: *#intro {font-weight:bold;} 与类选择器一样,ID 选择器中可以忽略通配选择器.前面的例子也可以写作: #intro {font-weight:bold;} 这个选择器的效果将是一样的. 2.类选择器: 语法:然后我们使用以下语法向这些归类的元素应用样式,即类名前有一个点号(.),然后结合通配选择器: *.important {color:red;} 如果…

后端码农谈前端（CSS篇）第一课：CSS概述

一.从扮演浏览器开始 扮演浏览器是Head First图书中很有意义的一个环节.可作者忘记了告诉我们扮演浏览器的台本.我们从这里开始. 上图是webkit内核渲染html和css的流程图.从该图我们可以知道以下几个关键信息: HTML的解析过程和CSS的解析过程是独立完成的.HTML被解析成DOM树:CSS被解析成样式规则. HTML与CSS在被解析后,会结合在一起形成视图,然后被绘制.显示. 二.导图 导图是该系列文章的安排目录,一定程度上参考了王福朋先生的<学习CSS的思路>. 三.概念扫…

后端码农谈前端（HTML篇）第三课：常见属性

一.HTML全局属性 1.核心属性 属性 描述 id 设置元素的唯一 id. class 设置元素的一个或多个类名(引用样式表中的类). style 设置元素的行内样式(CSS内联样式). title 设置有关元素的额外信息(可在工具提示中显示). 2.语言属性 属性 描述 lang 设置元素内容的语言代码. 3.键盘属性 属性 描述 accesskey 设置访问元素的键盘快捷键. tabindex 设置元素的 tab 键次序. 二.常见元素属性: 1.<a>元素的属性: 属性 描述 href…

Vue.js 2.0源码解析之前端渲染篇

一.前言 Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势.前不久Vue.js 2.0正式版已出,在体积优化(相比1.0减少了50%).性能提升(相比1.0提升60%).API优化等各方面都更上一层楼. 本文是系列文章,主要想通过对于Vue.js 2.0源码的分析,从代码层面解析Vue.js的实现原理,帮助读者能够更深入地理解整个框架的思想.此篇文章主要介绍前端渲染部分. 不足之处还请批…

web前端入坑第二篇：web前端到底怎么学？干货资料！ 【转】

http://blog.csdn.net/xllily_11/article/details/52145172 版权声明:本文为博主[小北]原创文章,如要转载请评论回复.个人前端公众号:前端你别闹,JS前端实用开发QQ群 :147250970 欢迎加入~! 目录(?)[+] hi,大家好! 我的第一篇文章:[web前端到底是什么?有前途吗?],在我没想到如此 ‘HOT’ 的情况下 得到很多好评和有效传播. 也为我近期新开的 个人前端公众号:前端你别闹(webunao) 直接增加了几百粉(果然,帅…

【转载】 大龄码农那些事——也谈996.ICU

原文地址: https://www.cnblogs.com/helloyaren/p/10657414.html 请扫码关注!!! 您的关注将是您做的最正确的事情!!! 大龄码农那些事专注分享大龄码农的点滴. 本文版权归作者helloyaren和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. --------------------------------------------------------------------…

大龄码农那些事——也谈996.ICU

1.背景 近期Github突然有一个开源项目火了,叫“996.icu”,开源地址:https://github.com/996icu/996.ICU ,目前star的人数截止我写这篇博文时已经高达174,268,堪称Github史上的奇迹了,而且人数还在不断增长中.加上各种媒体包括博客园上的编辑推荐,估计看的人远远超过star的人数.   2.原因      为什么996.icu会突然如此火爆呢?大家关注如此之高呢?我想站在这么多年工作经验的大龄码农角度试图分析一下原因.如有不足,欢迎大家留言讨…

XSS报警机制（前端防火墙：第二篇）

XSS报警机制(前端防火墙:第二篇) 在第一章结尾的时候我就已经说了,这一章将会更详细的介绍前端防火墙的报警机制及代码.在一章出来后,有人会问为什么不直接防御,而是不防御报警呢.很简单,因为防御的话,攻击者会定位到那一段的JavaScript代码,从而下次攻击的时候绕过代码.如果不防御而报警的话,攻击者会降低警觉,不会在看JavaScript代码(至少我是这样).回到正题,下面说的代码,是基于thinkphp框架和bootstrap3.3.5框架.如果你的网站没有使用thinkphp3.2.3框…

《码农周刊》干货精选（Python 篇）

<码农周刊>已经累计发送了 38 期,我们将干货内容进行了精选.此为 Python 篇. <码农周刊>往期回顾:http://weekly.manong.io/issues/ 如何让 Python 代码运行得更快? 作者给出了 18 条 Python 代码性能优化小贴士,简单明了,拿来即用. http://infiniteloop.in/blog/quick-python-performance-optimization-part-i/ Python 学习资源列表 (kirang8…

《码农周刊》干货精选--Python篇（转）

原文:http://baoz.me/446252 码农周刊,本人有修改   Python标准库,第三方库 按功能进行了分类,之前有一Pythoner说there is a library for everything in Python,果然是功能强大. 当我们需要某个功能时,先可以在这里检索 https://github.com/vinta/awesome-python     如何让 Python 代码运行得更快? 作者给出了 18 条 Python 代码性能优化小贴士,简单明了,拿来即用.…

拥抱Mac之码农篇

拥抱Mac之码农篇 使用Mac大概两年时间.之前用着公司配的一台27寸的iMac.无奈机械硬盘严重拖慢速度,影响工作心情.于是入手Macbook Retina 13.这两年的开发工作所有在Mac上完毕,也积累了一点心得.遂总结此文.文章主要介绍一些我觉得能够提高程序猿工作效率的工具软件,希望对使用Mac的码农有点帮助. 包管理 Mac系统上基本的包管理有Macport和Homebrew.类似于Debian系列的apt-get.Redhat的yum,主要用来安装一些开源软件,这些工具的存在大大简化…

老码农冒死揭开行业黑幕：如何编写无法维护的代码[ZZ]

下面是一篇有意思的"代码大全",可谓 逆软件工程. 老码农冒死揭开行业黑幕:如何编写无法维护的代码 原文如下 让自己稳拿铁饭碗 ;-) – Roedy Green(翻译版略有删节) 简介 永远不要(把自己遇到的问题)归因于(他人的)恶意,这恰恰说明了(你自己的)无能. — 拿破仑 为了造福大众,在Java编程领域创造就业机会,兄弟我在此传授大师们的秘籍.这些大师写的代码极其难以维护,后继者就是想对它做最简单的修改都需要花上数年时间.而且,如果你能对照秘籍潜心修炼,你甚至可以给自己弄个铁…

谈一谈前端多容器（多webview平台）处理方案

文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react.VueJS都有其应用场景,从工程化来说各种配套构建工具也纷纷出世,而从前端复杂度来说,最近几年的前端代码难度着实提升不少,从模块化的必须,到MVC的必要.再到组件化编程,一种分而治之的思想逐渐侵入前端领域,而这种种迹象均表明一个问题,前端代码现在不好写了!!! 抛开近几年前端交互加重而导致的难度,…

前后端分离之Web前端架构设计

架构设计:前后端分离之Web前端架构设计 在前面的文章里我谈到了前后端分离的一些看法,这个看法是从宏观的角度来思考的,没有具体的落地实现,今天我将延续上篇文章的主题,从纯前端的架构设计角度谈谈前后端分离的一种具体实现方案,该方案和我原来设想有了很大的变化,但是核心思想没变,就是控制层是属于Web前端的. 在以前文章里我说道前后端分离的核心在于把mvc的控制层归为前端的一部分,原方案的构想在实际的生产开发里很难做到,我觉得核心还是控制层和视图层的技术异构性,这样后果使得系统改造牵涉面太大,导致在项…

关于期权池Option Pools与Vesting：码农创业防身必备法器

之前又看到饿了么创始人团队纠纷的几篇文章,参考了百科.wiki.36Kr.虎嗅.知乎以及邵亦波老师的文章,对之前一直感兴趣的期权汇编初略总结了下 ,仍觉粗糙,对一些具体操作还是不甚了了,不过感觉在中国环境下,一些细节的问题应该可以通过与企业协商.签署合同而做些变通.故此,了解个大概,码农们知道怎么保护自己的权益,想必还是有意义的吧. —————————————————————————————————————————————————— 初创企业没有明确的权责划分,也谈不上以书面方式落实股权分配,如…

[总结帖] 后端MVC V.S. 前端MVVM

Web编年史: Web1.0 —— 静态页面.简单预处理语言草案:PHP.JSP.ASP Web2.0 —— 企业级架构.一站式解决方案(MVC):J2EE.Spring.Asp.net Web2.5 —— 前端架构雏形.后端架构成熟:Ajax.jQuery.Bootstrap.Asp.net MVC Web3.0 —— 前后端分离(MVVM + Restful API).全栈化.跨平台(Hybrid):Angularjs.Ionic.Nodejs.Cordova 前后端分离就一定是必然的趋势吗…

6年DotNet码农的盲目经历

前言   第一篇没有选择记录与技术相关的文档,是考虑到有必要给查阅这篇文档的伙伴们“自我介绍”一下,大佬们看了求带或指导,我很愿意学习,初学者们看了千万不要重复走我之前的“学习之路”:我老家贵州,再过几个月就到而立的年龄了(算是老码农了吧),毕业后一直在郑州工作,从刚毕业坚信要搞C++的我,现在在搞C#(项目转变原因),后续的技术记录都会围绕这块的知识,以下简单回顾我这个5年多工作经验的码农经历:   大学时代   2009年的开学季,初离家乡,在父亲的陪同之下(送我到学校就回家了),开始了我的…

【整理】待毕业.Net码农就业求职储备

声明:本文题目来源于互联网,仅供即将从学校毕业的.Net码农(当然,我本人也是菜逼一个)学习之用.当然,学习了这些题目不一定会拿到offer,但是针对就业求职做些针对性的准备也是不错的.此外,除了技术上的准备外,要想得到提升,还得深入内部原理,阅读一些经典书籍(例如Jeffrey Richter的<CLR via C#>)以及借助Reflector或ILSpy反编译查看源码实现,知其然也知其所以然,方能得到感性认识到理性认识的飞跃!另外,本来想将本文标题取为就业求职宝典,但一想这名字太LOW了…

.net 码农转战 iOS - 初探

好久没写博客了,之前还打算把毕业设计中涉及到的两个算法拿出来说说(脸型分析 + 声音分析),博文都写了一半了,后来实在太忙了,那篇随笔也就沉在草稿列表中没动过. 我原先是专职 .net 开发的,在公司负责的项目是内部自用的销售管理系统,由于不需要出去"抛头露脸",所以公司干脆什么也没配置(指产品.设计.前端等等,开发设备还是有的),于是所有工作全包了.原本对自身的计划是,后续会慢慢转产品方面的. 后来,也算是一个契机,公司所有移动端的人基本走光了(iOS 全走了,Android 的好像…

野路子码农系列（2）Python中的类，可能是最通俗的解说

啥叫佩奇?啥叫类?啥叫面向对象?后面两个问题以前在大学里“祖传谭浩强”的时候我经常会有所疑问.老师说着一堆什么public, private,我都是一脸懵逼,啥叫私有?为啥要私有?然后就神游天外了…… 后来由于一直接触数据挖掘类的内容,写得那根本不是程序,都是脚本,而且基本上也用不到类这种东西.直到前几天,在一个项目中,我需要对8个分类分别应用同一个模型,我才又回想起了被类支配的恐惧.本文即劫后余生的产物,没有网络上哪些看到想吐的Foo, Bar,只有最通俗易懂的语言. P1 起因 正如上文所说…

从码农到技术总监分享Leader经验

从一个毕业的IT小伙或者一个码农成长为一个管理者,有很多需要转变的思想,那么当你遇到了瓶颈,或许我的经验能帮到你,感谢. 系统的掌握了.NET,JAVA技术,能够熟练的使用springcloud + springmvc+mybatis等开发模式互联网行业,有国家电网,实验室,大型电子商务跨境贸易平台,物联网花卉监测及自助缴费机三年开发经验和五年部门管理经验.至今,我独立管理最大60人团队协作的开发了数个项目,提升了自我的专业技术能力及团队管理能力. 自我修养 做的更多一点,做的比你的主管安排给你…

Spring Boot + Vue 前后端分离开发，前端网络请求封装与配置

前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个项目本身也停止维护,目前建议使用的方案是 axios.今天松哥就带大家来看看 axios 的使用. axios 引入 axios 使用步骤很简单,首先在前端项目中,引入 axios: npm install axios -S 装好之后,按理说可以直接使用了,但是,一般在生产环境中,我们都需要对网络请…