【《CSS设计指南》学习笔记一_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

HTML+CSS学习笔记(4)【图】

1、使用标签,链接到另一个页面 使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 链接显示的文本 例如: click here! 上面例子作用是单击click here!文字,网页链接到http://www.baidu.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右...

HTML+CSS学习笔记(7)-CSS样式基本知识_html/css_WEB-ITnose

内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: 这里文字是红色。 注意要写在元素的开始标签里,下面这种写法是错误的: 这里文字是红色。</p style="color:red"> 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写...

HTML+CSS学习笔记(13)

盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下: margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px; 可缩写为: margin:...

HTML+CSS学习笔记(15)

水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。如下代码: html代码: 我是文本,哈哈,我想要在父容器中水平居中显示。 css代码: div.txtCenter{ text-align:center; } 水平居中设置-定宽块状元素 当被设置元素为块状元素时用text-alig...

JavaScript学习笔记:取数组中最大值和最小值_html/css_WEB-ITnose

在实际业务中有的时候要取出数组中的最大值或最小值。但在数组中并没有提供 arr.max() 和 arr.min() 这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法。 取数组中最大值 可以先把思路理一下: 将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值; 开始遍历数组,从第二个元素开始依次和第一个元素进行比较 如果当前的...

JavaScript学习笔记

认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中、、等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如...中的JavaScript、DOM、CSS等文...

css遇到的垂直水平居中(个人学习笔记)_html/css_WEB-ITnose

垂直方向上的文字居中(适配所有浏览器): html代码: content css代码: .vertical { height: 100px; line-height: 100px;/*值等于元素高度的值*/ } 待续.....

css3的学习笔记_html/css_WEB-ITnose【图】

适合初学者以及没看过css3的人快速了解css3的主要内容。 1.opacity ----------------------取值0-1之间,给整个元素和其所有子元素设置透明度级别 2.css选择器---------------------- http://www.w3school.com.cn/cssref/css_selectors.asp 其中li:nth-child(2n+1)表示选择基数个(可以类推) input:not([type="submit"]) 可以做否定的选择 3.html5兼容浏览器老版本对标签不识别问题 4.文本阴影 tex...

read-the-docs托管学习笔记_html/css_WEB-ITnose

Sphinx 是一个基于Python的文档生成项目,采用了 reStructuredText 作为文档写作语言 ,不过也可以通过模块支持其他格式. (Sphinx标记结构)[ http://www.pythondoc.com/sphinx/markup/ ] Sphinx安装 pip install sphinx sphinx-autobuild 快速开始 #创建目录cd /path/to/projectmkdir docs#sphinx工作目录基本配置cd docs#可以回车按默认配置来写sphinx-...

[HTML]学习笔记01.HTML的列表_html/css_WEB-ITnose

HTML中列表中共有三种:有序列表、无序列表和定义列表。 有序列表 有序列表是一列使用数字进行标记的项目,例如这个: 语文 数学 英语 地理 历史 政治 有序列表始于 标签(ordered lists),每个列表项始于 标签,如下: 语文数学英语地理历史政治 无序列表 无序列表是一组使用黑点状进行标记的项目,例如: 语文 数学 英语 物...

React学习笔记(二)理解JSX_html/css_WEB-ITnose

摘要 JSX(JavaScriptXML)提供了一种在JavaScript中编写声明式的XML的方法,使用JSX可以提高组件的可读性,React允许做简单的JSX语法转化。 简介 JSX像是在JavaScript代码里直接写XML的语法,每一个XML标签都会被JSX转换工具转换成纯JavaScript代码,React 官方推荐使用JSX,这个看个人习惯, 如果你喜欢纯JavaScript代码也是可以的,只是使用JSX会给我们带来如下好处: 是原生的JavaScript; 程序结构更...

HTML学习笔记--HTML的语法【1】

1.什么是HTML标记语言? HTML是表示网页信息的符号标记语言。 2.HTML的标记和他的属性HTML文档的保存格式:.html、.htm、.xhtml 标记和被标记的内容构建出HTML文档。格式:内容 标记的属性(用来控制图像、文本等如何的显示)格式:内容3.语法不区分字母大小写 、、都是定义相同的标记,但是在编写网页的使用尽量使用小写。 4.文档注释 注释一段内容时使用""结束。 例如:这是文档的注释

sass学习笔记

sass和scss的区别 sass是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),scss和css写法比较相似 Sass的编译的过程中,是不是支持“GBK”编码的。所以在创建 Sass 文件时,就需要将文件编码设置为“utf-8 sass覆盖默认变量值是在他之前重新声明变量值(!default) 混合宏:@mixin font(当需要使用变量的时候用) @include font Sass 在调用相同的混合宏时,并不能智能的将相同的样式代码块合并在一起。这也是 Sass 的混...

HTML5与CSS3基础教程第八版学习笔记7~10章-平凡世界平凡人【图】

第七章,CSS构造块 CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分:选择器和声明块。 选择器决定哪些块受影响,声明块由一个或多个属性-值对组成,指定应该做什么。为样式规则添加注释 /* 注释 */,可以是...

学习笔记1-树懒的追求

一,background-clip:border-box 默认/ padding-box / content-box;背景被裁剪到边框 / 内边距 / 内容区,css3属性。兼容写法如下:-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;二,雪碧图。 CSS Split,中文名CSS雪碧图。 简单的就是说,通过背景定位,将许多小的图片放在同一张大图上面,减少HTTP请求次数,加速网站。要做到这一点需要两个技术:1.CSS技术background:...