恶补web之二:css知识(2)

恶补web之二:css知识(3)

css有3种定位机制:普通流,浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定. 通过使用position属性,可以选择4种不同类型的定位: static 元素框正常生成 relative 元素框偏移某个距离:正常元素可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动.若将相对定位中的top设为20px,则框将在原位置下面20像素地方,类似如果left设为30像素,则会在元素左边创建30像素的空间,即元素会…

恶补web之二:css知识(2)

css字体属性定义文本的字体系列,大小,加粗,风格和变形等. css中包含两种字体系列:通用字体系列和特定字体系列. font-family属性定义文本的字体系列: body {font-family: sans-serif;} font-style属性用于规定斜体文本. font-variant属性设定小型大写字母. font-weight属性设置文本粗细 font-size属性设置文本大小.如果要避免在ie中无法调整文本的问题,许多开发者使用em单位代替pixels.w3c推荐使用em尺寸单…

恶补web之二:css知识(1)

css指层叠样式表(Cascading Style Sheets) 样式定义如何显示html元素,样式通常存储在样式表里.把样式添加到html4.0中,是为了解决内容与表现分离的问题.外部样式表可以极大提高工作效率,外部样式表存储在css文件里,多个样式定义可层叠为一. html标签原本被设计为用于定义文档内容,由于netscape和ie不断将新的html标签和属性(比如字体和颜色属性)添加到html规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难.为解决该问题,w…

恶补web之七:html DOM知识

html DOM定义了访问和操作html文档的标准;dom是w3c的标准,dom定义了访问html和xml文档的标准: w3c文档对象模型(dom)是中立平台和语言的接口,它允许程序和脚本动态访问和更新文档内容,结构和样式. dom标准被分为3个不同部分: 1.核心dom - 针对任何结构化文档的标准模型 2.xml dom - 针对xml文档的标准模型 3.html dom - 针对html文档的标准模型 xml dom定义了xml元素对象和属性,以及访问它们的方法 html dom定义了所有…

恶补web之一:html学习(1)

发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦! html指的是超文本标记语言,它不是编程语言,而是一种标记语言;标记语言是一套标记标签(markup tag),html使用标记标签来描述网页. html标记标签称为html标签(html tag);html tag是由<>包围的关键词,其是成对出现的,比如<b>和</b>,分别称为开始(开放)标签和结束(闭合)标签. html文档 == 网页;html文档描述网页,其包含html标签…

恶补web之六:javascript知识(2)

若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素 <div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p> </div> <script> var para=document.createElement("p"); var node=document.…

恶补web之六:javascript知识(1)

javascript(下称js)是一种轻量级编程语言,它可以插入html页面然后由浏览器执行. document.write("<h1>...</h1>"),只可以在html输出中使用document.write,如果在文档加载后使用该方法,会覆盖整个文档. 类似于document.xxx的方法是在html DOM中定义的.DOM(文档对象模型)是用以访问html元素的正式w3c标准. js和java是完全2种不同的语言,ECMA-262是js标准的官方名称 h…

恶补web之一:html学习(2)

iframe用于在网页内显示网页:<iframe src="URL"></iframe>,iframe可用作链接的目标: <!DOCTYPE html> <html> <body> <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe> <p><a href=&…

恶补web之八:jQuery(3)

jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如: MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaScript MVC,Google Web Toolkit,Google Closure,Ember,Batman(有没有supermane?)以及Ext JS等等; 如果它们也使用$符号作为简写会发生冲突.jquery团队考虑倒这个问题,所以提供了noConflict方法.该方法会释放$标示符的控制,…

恶补web之八:jQuery(2)

jquery中非常重要的部分,就是操作dom的能力: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括html标记) val() - 设置或返回表单字段的值 attr() - 用于获取或设置属性值 jquery如下方法可以插入内容 append 在被选元素的结尾插入内容 prepend 在被选元素的开头插入内容 after 在被选元素之后插入内容 before 在被选元素之前插入内容 remove 删除被选元素及其子元素 empty 从被选元素中删…

恶补web之八:jQuery(1)

jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库. jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加到网页中: <head> <script src="jquery.js"></script> </head> 有2个版本的jquery可供下载,一个精简过的(production version),另一份是未压缩的(development v…

恶补web之三:http学习

http是超文本传输协议的简称,该协议设计目的是保证客户机与服务器之间的通信.http的工作方式为客户机与服务器之间的请求-应答协议. 一般来说web浏览器是客户端,计算机上的网络应用程序可能作为服务器端.客户端向服务器提交http请求,服务器向客户端返回响应,响应包含关于请求的状态信息以及可能被请求的内容. 两种http请求方法: get 从指定资源请求数据,注意查询字符串(名称/值对)是在get请求的url中发送的,get请求有以下特点: 1 get请求可能被缓存 2 get请求保留在浏览器…

恶补web之五:dhtml学习

dhtml是一种使html页面具有动态特性的艺术.对于多数人来说dhtml意味着html(html DOM),样式表和javascript的组合. dhtml不是w3c标准.dhtml指动态html,其是一个营销术语-被网景和微软用来描述4.x代浏览器应当支持的新技术. DOM(文档对象模型)使我们有能力访问一个文档中的每个元素.…

恶补web之四:xhtml学习

xhtml是更严格更纯净的html代码,它与html4.01兼容.xhtml是以xml重构额html4.01 xhtml与2000年1月26日成为w3c标准,w3c将xhtml定义为最新的html版本,xhtml将逐渐取代htm.所有新的浏览器都支持xhtml. xhtml是html与xml的结合物,xml用来描述数据,而html用来显示数据. 所有的xhtml元素必须被嵌套于<html>根元素中. xhtml不鼓励使用name属性,应该使用id取代. 在"/"字符前添加一…

web前端知识大纲：系列二 css篇

web前端庞大而复杂的知识体系的组成:html.css和 javascript 二.css 1.CSS选择器 CSS选择器即通过某种规则来匹配相应的标签,并为其设置CSS样式,常用的有类选择器.标签选择器.ID选择器.后代选择器.群组选择器.伪类选择器(before/after).兄弟选择器(+~).属性选择器等等. 2.CSS Reset HTML标签在不设置任何样式的情况下,也会有一个默认的CSS样式,而不同内核浏览器对于这个默认值的设置则不尽相同,这样可能会导致同一套代码在不同浏览器上的显…

Web前端基础怎么学？ JavaScript、html、css知识架构图

以前开发者只要掌握 HTML.CSS.JavaScript 三驾马车就能胜任一份前端的工作了.而现在除了普通的编码以外,还要考虑如何性能优化,如何跨端.跨平台实现功能,尤其是 AI.5G 技术的来临,都在加快前端技术的更新,也在逼促开发者要不停的学习,不能的接受新的技术标准. “学什么”“怎么学”其实是我们要着重解决的问题.所以,今天给你梳理一下前端知识框架,帮你把知识点重新做个遍历,查缺补漏的学习更轻松. 我们先来看什么叫做知识架构? 我们可以把它理解为知识的“目录”或者索引,它能够帮助我们把…

Linux回归篇-基础恶补

前言: LINUX在之前仅仅了解一些皮毛知识,最近计划深入研究大数据,LINUX当然少不了,所以借此良机将LINUX也顺带添加进入学习的目录之中.为了知识的全面性,本文先恶补一下LINUX的基础,作为今后的学习查询.不在刻意深入学习,重点是HADOOP. 一.Linux Shell相关 Shell本身是一个用C语言编写的程序,它是用户使用Unix/Linux的桥梁,用户的大部分工作都是通过Shell完成的.Shell既是一种命令语言,又是一种程序设计语言.作为命令语言,它交互式地解释和执行用户…

web前端project师知识汇总

分类: Web开发应用一.何为Web前端project师? 前端project师,也叫Web前端开发project师.他是随着web发展.细分出来的行业.Web前端开发project师.主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并添加交互动态功能,开发JavaScript以及Flash模块.同一时候结合后台开发技术模拟总体效果.进行丰富互联网的Web开发,致力于通过技术改善用户体验…

web前端开发CSS命名规范参考

做为一个web前端工程师,每天接触HTML.css就像吃饭一样,但是作为一名合作.优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规范. Div+CSS命名规范一. 窗体头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo…

你该学点HTML/CSS知识的9大理由

每个人都应该学写代码——这一观点简直就是铺天盖地地映入我们眼帘.或许你会莫名其妙,程序员学代码那是理所应当,但是作为一个作家.营销人员.财务工作者甚至是工人,为什么也需要学习代码呢? 好吧,下面我会告诉你为什么懂点 HTML 和 CSS 会让你的职业生涯发生巨大的改变.学习技术不仅仅是生产助理亦或是印刷设计师的事——无论你是小企业主.销售经理.事件协调员还是魔术师,都能让你受益于 HTML 和 CSS 知识. 不要怀疑,让我给你 9 大理由,看看能不能说服你. 1. 为客户设计超棒的电子邮件电…

好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr…

WEBBASE篇：第五篇， CSS知识3

CSS知识3 框模型: 一,外边距(上文) 二, 内边距 1,什么是内边距? 内边距就是内容与元素边缘之间的距离: 注: 内边距会扩大元素边框内所占的区域的语法: padding: 四个方向的内边距 padding-top / right / bottom / left : 值 ; 取值:(1)以px为单位的数值: (2)以% 为单位的数值: padding 的简洁写法: padding:value 四个方向内边框: padding:v1 v2 ; 上下, 左右: padding…

WEBBASE篇：第四篇， CSS知识2

CSS知识2 一, 尺寸与边框 CSS单位 1,尺寸单位:(1)px 像素 (2)% (3) in 英寸 lin = 2.54cm (4)pt 磅 1pt = 1/72in ppi : Pixel Per Inch = 72 (5)mm 毫米(6)cm厘米 2,颜色单位(取值) (1) rgb(r , g, b): r : red (0-255) g: green (0-255) b: blue (0-255) eg: rgb(255,0,0) rgb(0,0,0)…

WEBBASE篇：第三篇， CSS知识1

第三篇, CSS知识1 一,CSS 介绍 CSS: Cascading Style Sheets ---样式表 HTML: 搭建网页结构: CSS: 在网页结构基础上进行网页的美化: 二,CSS的使用方法: 1,内联方式: 将css内容定义在单独的HTML元素中: 语法: <ANY style='样式声明'> 样式声明:(1)每个样式声明都是由样式属性名称和样式属性值来组成的:(2)属性名称和属性值之间使用 : 连接(属性名:值):(3)在一个style中允许出现多个样式声明, 多个样式声明…

WEB入门三 CSS样式表基础

学习内容 Ø CSS的基本语法 Ø CSS选择器 Ø 常见的CSS样式 Ø 网页中3种使用CSS的方式能力目标 Ø 理解CSS的作用 Ø 掌握CSS基本语法 Ø 熟练掌握CSS选择器的定义和使用会使用CSS设置文字样式本章简介对于网页设计者而言,如果希望网页美观.大方,并且升级方便.维护轻松,那么仅仅使用 HTML 不能满足要求,CSS (层叠样式表)在这中间扮演着重要的角色.HTML规定了…

《HTML与CSS知识》系列分享专栏

收藏HTML和CSS方面的技术文章,作为一个WEB开发者,必须要知道HTML和CSS方面的知识,即使作为后台开发者也应该知道一些常用的HTML和CSS知识,甚至架构师也要了解,这样才会开发出实用的网站来 <HTML与CSS知识>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201715.html 文章详解CSS(层叠样式表)渐进增强详解css 定位与定位应用精简CSS文件使您的CSS网页布局代码更专业 DIV CSS网页布局让…

web中的CSS、Xpath等路径定位方法学习

今天不到八点就到公司了,来的比较早,趁着有点时间,总结下web中的CSS.Xpath等路径定位定位的方式吧! 简单的介绍下xpath和css的定位理论知识就不罗列了还是利用博客园的首页.直接附上代码: 这个是xpath 1 #!/usr/bin/env python 2 # -*- coding: utf_8 -*- 3 4 from learn_webdriver import Webdriver 5 from selenium import webdriver 6 from seleni…

Python web前端 02 CSS

Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板复制内容--->SETTING---> Editor ----->font (SIZE:修改字体大小)----> color scheme(背景)---->File and Code Templates(建立模板) ----->Scheme(改成Project)---->将刚复制的内容粘贴到上面,那么以后创建的html文件就自动变成那么模板了 #在h…

Python web前端 03 CSS属性

Python web前端 03 CSS属性一.文字.文本属性 1.文字属性 font-family #字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体 #设置字体 font-family #在style里面设置div{font-family:...(自己选择字体)} #如果存在div{font-family:"宋体","自己选择字体"} 这个意思是如果浏览器不支持前面的字体,就设置为后面的字体 #设置字体大小 font…

好程序员web前端分享CSS元素类型

好程序员web前端分享CSS元素类型目标 1.元素类型分类依据和元素类型分类 2.元素类型的转换 3.inline-block元素类型的应用 4.置换和非置换元素的概念和应用案例一.元素类型分类依据和元素类型分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素1.块状元素(block element) A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,li,(h1-h6),p,form,hr,…

【恶补web之二:css知识(2)】的更多相关文章