【前端学习笔记-CSS】教程文章相关的互联网学习教程文章

HTML学习笔记NO.1_html/css_WEB-ITnose【图】

HTML: 是用来描述网页的一种语言 超文本标记语言Hyper Text Markup Language 不是编程语言,是一种标记语言 新特性: 用于绘画的canvas标签 用于媒介回放的video和audio元素->视音频文件 对本地离线存储的更好支持 新的元素内容:如article、footer、header、nav、section 新的表单控件:如:calender、date、time、email、url、search 浏览器的支持:chrome、firefox以及Opera和IE9 开发工具: ...

CSS3实现特殊阴影(学习笔记)_html/css_WEB-ITnose【图】

学习来源:慕课网http://www.imooc.com/view/240 先看效果图↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ HTML结构 1 2 3 4 Shadow Effect 5 6 7 8 9 10 11 CSS样式(省略了各浏览器前缀) 1 /*通用类*/ 2 body { font-family: Arial; font-size: 20px;} 3 body,ul {margin: 0; padding: 0; list-style: none;} 4 .wrap {width:70%; he...

HTML学习笔记(CSS)NO.3_html/css_WEB-ITnose

css指层叠样式表css样式表极大地提高了工作效率属性选择器selector{ property:value;}如h1{ color:red; front-size:14px;}选择器分组如h1,h2,h3{ color:red;}将h1,h2,h3的标签属性设置成相同的属性继承:如body{ color:red; }派生选择器:通过依据元素在其位置的上下文关系来定义样式id选择器:可以为有id的HTML元素指定特定的样式,以#来定义目前比较常用的方式是id选择器常常用于建立派生选择器如#在html中通过id属性来定义的标签...

HTML5学习笔记1_html/css_WEB-ITnose【图】

1.HTML5概述 继html4和xhtml1.0后的超文本标记语言最新版本。最重要的三项技术:html5核心规范(标签元素),CSS3,JavaScript2008年发布,主要为了补全功能。特点:1.向下兼容;2。用户至上;3.化繁为简;4.无插件范式(flash插件);5.访问通用性;6.引用语义;7.引入原生媒体支持;8.引入可编程内容;开发工具:sublime text3,Soda Dark3软件界面主题。 2.基本格式 //文档类型声明 //设置语言 ...

HTML5+Bootstrap学习笔记2_html/css_WEB-ITnose

navbar升级 从Bootstrap 2到Bootstrap 3 1. .navbar-inner已从Bootstrap 3中去除。 2. 应变为 。 参考资料: CSS display:table属性用法解析 http://developer.51cto.com/art/201009/226678.htm Twitter Bootstrap 3 - Navbar not horizontal http://stackoverflow.com/questions/18191177/twitter-bootstrap-3-navbar-not-horizontal Bootstrap navbar http://getbootstrap.com/components/#navbar viewport 手机浏览器是...

css学习笔记--三种样式表的使用及区别_html/css_WEB-ITnose

如何插入样式表 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部: 浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。...

Web前端学习笔记:Bootstrap框架_html/css_WEB-ITnose

Web前端学习笔记:Bootstrap框架[转] 转自:

HTML学习笔记之二(回到顶部与回到底部)_html/css_WEB-ITnose

回到顶部 回到底部 回到顶部的俩种方式 一、使用js $(html, body).animate({ scrollTop: 0 }, fast);//带动画 $(html,body).scrollTop(0); //不带动画 $(window).scroll(function () { //Youve scrolled this much: $(p).text("Youve scrolled " + $(window).scrollTop() + " pixels"); }); 二、使用 a 标签的name属性 top ...

HTML学习笔记之三(localstorage的使用)_html/css_WEB-ITnose

localstorage的使用 1.获取对象 var localstroage = window.localStorage; 2.存储值 localstroage.setItem(openid,ksjhfkjajkdfjkszdjfksad); localstroage.setItem(uid,10001); 3.获取值 var openid = localstroage.getItem(openid); 4.删除某个值 localstroage.removeItem(openid); 5.删除所有值 localstroage.clear(); ...

CSS基础知识学习笔记_html/css_WEB-ITnose

1.css基本样式讲解 1.1 css背景 background-attachment:背景图像是否固定或者随着页面的其余部分滚动 background-color:设置元素的背景颜色 background-image:把图片设置为背景 background-position:设置背景图片的起始位置 background-repeat:设置背景图片是否及如何重复 background-size:规定背景图片的尺寸 background-orgin:规定图片的定位区域 background-clip:规定背景的绘制区域 1.2 css文本 color :文...

CSS学习笔记_html/css_WEB-ITnose

这是学习CSS样式做的笔记,稍微整理下。也是一个学习的大纲。 CSS层叠样式表学习主要回答两个问题: (一) CSS层叠样式表干什么用的? (二) CSS层叠样式表怎么用的? 回答第一个问题:CSS层叠样式表就是对HTML进行美化的。包括颜色,背景,布局等等。 第二个问题可以分解成两个问题: (1) CSS层叠样式怎么和HTML配合工作? (2) CSS层叠样式表具体语法,控制HTML的标签哪些样式,...

html学习笔记2_html/css_WEB-ITnose【图】

网易新闻 <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 习近平抵达俄罗斯乌法出席金砖国家领导人会晤 2015-07-08 14:01:21 来源: 外交部网站 【新华社快讯】中国国家主席习近平当地时间8日下午抵达俄罗斯乌法,出席即将在那里举行的金砖国家领导人第七次会晤和上海合作组织成员国元首理事会第十五次会议。 2015年7月8日上午,国家主席习近平乘专机离开北京,应...

Html语法学习笔记二_html/css_WEB-ITnose【图】

1、图像标签()和源属性(Src) 在 HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且没有闭合标签。 要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的语法是: URL 指存储图像的位置。如果名为 "" 的图像位于 www.w3school.com.cn 的 images 目录中,那么其 URL 为 http://www.w3school.com.cn/images/...

《CSS设计指南》学习笔记一_html/css_WEB-ITnose

本篇文章是对这几天看完 Charles Wyke-Smit 的 《CSS 设计指南》 后的一些学习笔记与心得,笔者好像是大一的时候开始接触网页设计,由于并不是计算机专业的,所以所有都是自己自学的,记得当时自己对 CSS 基本上什么都不懂,甚至连怎么在 CSS 中选择某个 class 和 id 都不懂,然后就直接下载一些源码来看,后来看到这些 CSS 文件中有 . 和 # ,然后就连蒙带猜的学会了怎么使用它们,然后就在源码中看到什么不懂的就直接上 W3School...

CSS中px,em和rem的区别学习笔记_html/css_WEB-ITnose

简单讲,px是绝对单位,em和rem是相对单位。px大家都熟悉,这里主要讨论em和rem。 现在有以下一个段落: 当斧头来到树林的时候,好多树都说,至少它的手柄是自己人 当不给它设置字体大小时,使用默认大小,也就是16px大小,效果如下: em em是指相对于父元素的大小,也就是说对于p和span而言,它的大小都是1em,这里的1em = 16px。 我们将span的大小改为2em,效果如下: span{ font-size: 2em; } 可以看到sp...

学习笔记 - 相关标签