html+css基础篇

【html+css基础篇】的更多相关文章

CSS基础篇之了解CSS和它的基本属性

CSS是什么? CSS英文全名是Cascading Style Sheets翻译过来就是层叠样式表,它主是把网页表现与内容分离的一种样式设计语言.这种语言能优化我们编程,把东西简化和优化写法,而且不同的浏览器有不同的CSS前缀如果你用的是charome和safari,前缀就是-webkit 如果你用的是firefox,前缀是-moz 如果你用的是IE,前缀是-ms 如果你用的是opera,前缀是-o CSS能做什么? CSS简化了以前要使用很多图片和脚本实现的效果,只需几行代码就能搞定.方便了…

html/css基础篇——iframe和frame的区别【转】

转自共享圈的使用iframe的优缺点,为什么少用iframe以及iframe和frame的区别.其中本人不认同的地方有做小修改注:HTML5不再支持使用frame,iframe只有src 属性一.使用iframe的优缺点优点: 1.程序调入静态页面比较方便; 2.页面和程序分离;缺点: 1.iframe有不好之处:样式/脚本需要额外链入,会增加请求.另外用js防盗链只防得了小偷,防不了大盗. 2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么…

html/css基础篇——DOM中关于脱离文档流的几种情况分析

所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列.并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素.脱离文档流即是元素打乱了这个排列,或是从排版中拿走. 当前所知的脱离文档流的方式有两种:浮动和定位. a.定位属性positon 先看一下定位.看一段对定位各个字段的描述,有助于理解值描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top&q…

2016年11月19号,计划把基础在看一下,听大神说好的东西就要多看几遍,知识是学来用的解决问题的,加油接下来的是我在自学中的小笔记吧,每天都在保持几个小时的学习思考状态,由于要升本所以学前端的时间相对分的有点少,不求进度有多快,只愿能有收获.如这里面有错误,望提出,我再加以修改,谢谢了. 总结学习知识(工欲善其事,必先利其器:浏览器Opera.IE.Google.火狐:开发工具:Notepad++.或者自带记事本) 1.html部分:html的全部语法,主要结构,超链接和常用标记语言 2.c…

前端面试题——html与css基础篇

整理一波html和css的面试题,侧重基础,希望明天面试能用到~(╥╯^╰╥) 一.HTML部分 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务 2.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? (1). Doctype声明位于文档中的最前面,处于标签之前.告知浏览器的解析器,用什么文档类型…

CSS 基础篇、绝对有你想要

本章内容: 简介 CSS 定义四种引入方式样式应用的顺序选择器(Selector) * 通用元素选择器标签选择器 class 类选择器 # ID选择器 , 多元素选择器后代元素选择器 > 子元素选择器 + 毗邻元素选择器 [] 属性选择器伪类选择器常用属性颜色属性(color .transparent.opacity) 字体属性(font-style. font-weight.font-size. font-family.font) 文本属性(white-space.direct…

CSS基础篇之背景、过渡动画

background-origin(背景原点) 设置元素背景图片的原始起始位置.必须保证背景是background-repeat为no-repeat属性才能生效. background-origin:border-box|padding-box|content-box: border-box 这是用border-box时图片位于边框左上角 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g…

CSS基础篇之选择符3

border(边框) 如何用CSS调出边框我们给p标签加一个边框试一下 p{ border:1px solid #ccc:/*这是缩写*/ } 第一个值是为边框的宽度第二个值是为边框线样式为直线第三个值是为边框的颜色 border-width(边框的宽度) 如果不调宽度的话默认边框是从左边到最右边.设置之后可以调节宽度. border-top-width::上 border-bottom-width::下 border-left-width::左 border-right-width::右…

CSS基础篇之选择符

关系选择符 E F 包含选择符(Descendant combinator) CSS1 选择所有被E元素包含的F元素. <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> P b{ font-size: 60px; font-family: "微软雅黑"; color:…

html/css基础篇——link和@inport详解以及脚本执行顺序探讨

先说一说两者之间的异同两者都可以引用外部CSS的方式,现在主流浏览器两者都支持(ps:@import是CSS2.1提出的),但是存在一定的区别: 1.link是XHTML标签,除了加载CSS外,还可以定义其他事务:@import属于CSS范畴,只能下载CSS也只能在css代码里面使用. link标签定义文档与外部资源的关系,最常见的用途是链接样式表以及浏览器标签图标. 他主要有一下几个可用的属性 href: 连接的外部文档的位置url media: 规定被链接文档将被显示在什么设备上,主流浏览…