css笔记详解编程语言
HTML&CSS精选笔记_布局与兼容性详解编程语言
版心和布局流程 为什么要应用布局？阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”版心“版心”是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等 布局流程1、确定页面的版心。2、分析页面中的行模块，以及每个行模块中的列模块。3
日期 2023-06-12 10:48:40
HTML&CSS精选笔记_CSS高级技巧详解编程语言
CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。通常情况下，这个由很多小的背景图像合成的大图被称为精灵图， CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图）。然而，各个网页元素通常只需要精灵图中不同位置的某个小图，
日期 2023-06-12 10:48:40HTML&CSS精选笔记_浮动与定位详解编程语言
什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 如何定义浮动？在CSS中，通过float属性来定义浮动，其基本语法格式如下： 选择器{float:属性值;} float属性值left 元素向左浮动right 元素向右浮动none 元素不浮动（默认值） 为什么要清除浮动？由于浮动元素不再占用原文档流的位置，所以它会对页面中
日期 2023-06-12 10:48:40
HTML&CSS精选笔记_表格与表单详解编程语言
要想创建表格，就需要使用表格相关的标记 table tr td 单元格内的文字 /td /tr /table 包含三对HTML标记，分别为 table /table 、 tr /tr 、 td /td ，他们是创建表格的基本标记
日期 2023-06-12 10:48:40
HTML&CSS精选笔记_列表与超链接详解编程语言
无序列表的各个列表项之间没有顺序级别之分，是并列的 ul li 列表项1 /li li 列表项2 /li li 列表项3 /li /ul 每对 ul /ul 中至少应包含一对 li /li 。无序列表中type属性的常用值有三个，它们呈现的效果不同disc（默认值） ●circle
日期 2023-06-12 10:48:40
HTML&CSS精选笔记_盒子模型详解编程语言
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 网页就是多个盒子嵌套排列的结果。 内边距出现在内容区域的周围，当给元素添加背景色或背景图像时，该元素的背景色或背景图像也将出现在内边距中。 外边距是该元素与相邻元素之间的距离。 如果给元素定义边框属性，边
日期 2023-06-12 10:48:40HTML&CSS精选笔记_CSS入门详解编程语言
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} CSS代码结构中的特点 CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。 多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略，但是，为了便于增加新样式最好保留。 如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态
日期 2023-06-12 10:48:40HTML&CSS精选笔记_HTML入门详解编程语言
HTML基本文档格式 HTML文档的基本格式，其中主要包括 !DOCTYPE 文档类型声明、 html 根标记、 head 头部标记、 body 主体标记。 !DOCTYPE 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范 html 标记位于 !DOCTYPE 标记之后，也称为根标记，用于告知浏览器其自身是一个 HTML 文档， html 标记标志着
日期 2023-06-12 10:48:40HTML&CSS精选笔记_HTML与CSS网页设计概述详解编程语言
网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 Internet网络 就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。 WWW WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。 URL（英文Uniform Resource Locator的
日期 2023-06-12 10:48:40
HTML/CSS/JavaScript学习笔记持续更新详解编程语言
1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML
日期 2023-06-12 10:48:40Css学习笔记详解编程语言
一、CSS 概述(了解) *.CSS ： Cascading Style Sheet 层叠样式表 *.CSS 作用就是给HTML页面标签添加各种样式 *.为什么用CSS HTML的缺陷： 1. 不能够适应多种设备 2. 要求浏览器必须智能化足够庞大 3. 数据和显示没有分开 4. 功能不够强大 CSS 优点： 1.使数据和显示分开 2.降低网络流量 3.使整个网站视觉效果一致 4.使开发效率提高了
日期 2023-06-12 10:48:40整理一下以前的Html+css3复习笔记详解编程语言
input新type:url/number/range/Date(date, month, week, time等)/search/color Chrome 和 Safari 需要前缀 -webkit- Internet Explorer 9 需要前缀 -ms- transform-origin:
日期 2023-06-12 10:48:40学习Html、css和Javascript中的常用标签英文缩写笔记（可供同学们参考）详解编程语言
常用HTML标签：hr：Horizontal Route em：emphasisp：paragraphbr：breakh1：headlinea:anchorol:ordered listul:unordered listli:list itemdl:definition listdt:definition termdd:definition descriptionform:s
日期 2023-06-12 10:48:40css笔记详解编程语言
style type= text/css @import url( a.css ); /style link type= text/css href= a.css rel= stylesheet / #p1 ID选择符 .p1 类选择符 - div:first-letter 只格式化第一个字母 div:first-line 只格式化第一行
日期 2023-06-12 10:48:40CSS学习笔记11 CSS背景详解编程语言
background-color：背景色 前面我们经常用background-color这个属性来设置元素的背景色，例如下面这条css可将段落的背景色设置为灰色 p {background-color: gray;} 如果想要元素的背景色向外延伸，则只需增加内边距即可 background-color可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。 注意
日期 2023-06-12 10:48:40CSS学习笔记10 相对定位，绝对定位与固定定位详解编程语言
文档流中的元素的位置由元素在 (X)HTML 中的位置决定，这就是最原始的普通流，前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置，除了这个我们还可以通过使用CSS的position 属性，来重新决定元素在文档流中的位置。 position 属性值 static：默认的文档流的布局的方式，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素
日期 2023-06-12 10:48:40CSS学习笔记09 简单理解BFC详解编程语言
6 style type="text/css" 7 .div1 {background-color: #FCE38A; width: 200px; height: 100px;} 8 .div2 {background-color: #EAFFD0; width: 200px; height: 100px;} 9 .div3 {background-color: #95E1D3;
日期 2023-06-12 10:48:40CSS学习笔记08 浮动详解编程语言
从CSS学习笔记05 display属性一文中，我们知道div是块元素，会独占一行，即使div的宽度很小，像下面这样 应用display属性的inline属性可以让div与div共享一行，除了这种方法外，还有没有其他方法可以实现这种效果呢，答案是肯定的，那就是下面要介绍的CSS的浮动特性，浮动从字面意思上来看，就是浮起来，动起来，那么是谁浮起来，又是谁动起来呢？往下看，很快就会知道答案了。
日期 2023-06-12 10:48:40CSS学习笔记07 盒子模型详解编程语言
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的
日期 2023-06-12 10:48:40CSS学习笔记06 简单理解line-height详解编程语言
在制作页面的时候，经常会遇到文本图片需要居中的情况，这时候，只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了，先来看看这个现象。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta charset="UTF-8" 5 title 行高 /title 6 style type="tex
日期 2023-06-12 10:48:40CSS学习笔记05 display属性详解编程语言
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有 h1 ~ h6 、 p 、 div 、 ul 、 ol 、 li 等，其中 div 标记是网页制作中最常用的块元素。 行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构的样式。行内元素不能嵌套块级标签
日期 2023-06-12 10:48:40CSS学习笔记04 CSS文字排版常用属性详解编程语言
font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。 绝对单位可选参数值：xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger 1 !DOC
日期 2023-06-12 10:48:40CSS学习笔记03 CSS层叠性、继承性、特殊性详解编程语言
所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义 p 标记字号大小为12像素，链入式定义 p 标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta c
日期 2023-06-12 10:48:40CSS学习笔记02 CSS选择器详解编程语言
1、通配符选择器 通配符选择器用“* 号表示，是所有选择器中作用范围最广的，能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ color: red; } 2、标签选择器 标签选择器就是选择当前页面中相同名字的标签 /*设置所有p标签的文字颜色为红色*/ color: red; } 3、ID选择器 id选择器使用 # 进行标识，后面紧跟id名 /
日期 2023-06-12 10:48:40CSS学习笔记01 CSS简介详解编程语言
1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets)，是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 2、为何使用CSS 网页是由HTML标签组成的，那么这些标签会根据浏览器的默认方式进行排版与样式的渲染，如果想要更改
日期 2023-06-12 10:48:40CSS权威指南-第三版–读书笔记详解编程语言
第一章：CSS和文档 html是结构化语言，css是样式语言，html主要用来被强大的搜索引擎更好的索引，更好的让一个盲人通过语音浏览器来了解我们的网页，这也就是为什么说html是结构话语言，因为这是W3C规定的，大家都在遵循，统一的标准会给所有人带来便利（比如上面提到的盲人）。 从web的衰落开始谈起，当时web只是用简单的html来编写，大量的流行，为了更好的展示，于是出现了一些 fo
日期 2023-06-12 10:48:40精通css+div 读书笔记详解编程语言
第一章 Css 初步体验 Css（Cascading style sheet），中文译为层叠样式表，主要用于控制网页样式并允许将样式信息与网页内容分析的一种标记性语言。Css 是1996年通过W3c审核的，并且推介使用。层叠样式表可能不太好理解，这里使用firefox（火狐）浏览器，点击右键查看元素，打开控制台 找到设置，点击3D视图打开，这时你就能看到这样一个东西，点击它，你就明白为什么
日期 2023-06-12 10:48:40