继承 继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 CSS中存在一些不能继承的样式，如： border:1px solid red; 特殊性 同一标签设置不同的css样式，游览器根据标签权值来判断使用哪个CSS样式。...
css 样式由选择符和声明组成，而声明又由属性和值组成： 选择符： 又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;} 注意： ...
在我们开始学习CSS布局之前，先来了解一下文档流的概念。文档流即是HTML的布局机制，块级元素占一行， 行内元素不占一行。将窗体自上而下分成一行行，并在每行中按从左往右的顺序排放元素。 一CSS定位和浮动概述 CSS定位属性允许你对元素进行定位。CSS为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局， 将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定...
HTML基本概念 HTML基本概念理解：（HTML）不是一种编程语言，而是一种描述性的标记语言。 完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象统称为HTML元素。 HTML基本标记 头标记.. 标题标记.. 元信息标记... 标签提供的属性及其取值如下表所示： 属性 值 描述 charset ...
背景: 最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈 然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,新疆的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么...
前言：学了一段时间的前端，一直没有写博客的习惯，趁着最近学校组织的实训，把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。 1、HTML是什么？ HTML 是用来描述网页的一种标记语言。 1）HTML 指的是超文本标记语言 (Hyper Text Markup Language) 2）HTML 不是一种编程语言，而是一种标记语言 (markup language) 3）标记语言是一套标记标签 (markup tag) 4）HTML使用标记标签来描述网页 2、HTML可以做...
1、什么是结构化标记 对布局使用的div 进行升级 ， 根据页面的不同区域而提供的不同标签。作用与div几乎一致 专门用于搭建网站结构而用 2、结构标记详解 1、元素 作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】 语法： 头部区域的内容 2、元素 作用：用于定义页面的【导航链接】部分 语法： ...
HTML HTML（Hypertext Markup Language）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成...
CSS3引入了新的网格布局（grid layout），以适应显示和设计技术的发展（尤其是移动设备优先的响应式设计）。 主要目标是建立一个稳定可预料且语义正确的网页布局模式，用来替代过往表现不稳定且繁琐的table、flow以及JS脚本混合技术来实现的网页动态布局。 本文将简单而准确的介绍网格布局属性的基本概念和使用方法（摘自踏得网在线HTML5教程）。 1. 概述 网格模板区域（grid-template-areas）、网格模板行（grid-templ...
网格模板（grid-template）属性及其普通写法（longhands）定义了一个固定数量的轨道，构成显式网格。 当网格项目定位在这些界限之外，网格容器通过增加隐式网格线生成隐式网格轨道。 这些隐含的和显式的网格线一起构成隐式网格（implicit grid）。 隐式网格轨道的尺寸由网格自动行（grid-auto-rows）和网格自动列（grid-auto-columns）属性来确定。 网格自动流（grid-auto-flow）属性用来控制无明确位置的网格项的自...
网格布局支持弹性尺寸（flex-size），这是一个很好的自适应布局技术。 弹性尺寸使用fr尺寸单位，其来自 "fraction" 或 "fractional unit" 单词的前两个字母，表示整体空间的一部分。 比如下面的CSS规则： grid-template-columns: 100px 1fr max-content minmax(min-content, 1fr); 表示有4列，第一列100px固定尺寸，第三列 max-content 代表刚好包含元素不溢出不换行的尺寸，剩下的2列都是弹性尺寸。 按照弹性尺寸...
首先，我们学习web前端开发基础技术需要掌握的是HTML、CSS、JavaScript语言，那么在下先解释一下何为HTML、CSS、JavaScript语言。 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现...
HTML，超文本标记语言（HyperText Markup Language） 超文本：指页面内可以包含图片、链接、音乐、程序等非文字元素 标记：页面的由各种标签（标记）组成，文本有隐藏的文本标签 HTML 使用标记标签来描述网页，以开头，结尾 sublime 使用快捷方式生成的一个模板： Document 标题 页面链接标签的默认链接地址 ...
今天开始写第一篇博文，记录我学习 html 以及 css 的所有的课程。第一天接触代码感觉整个人是蒙的觉得肯定学不会，但是我还是比较喜欢有挑战性的， 下面跟着我一起来学习html。 1.HTML是什么？ HTML是超文本标记语言.（Hyper Text Markup Language） 2.HTML是尖括号包围的关键词，如 3.HTML是成对出现的，如 4.这是开头标签这个则是结束标签，也称为开放标签和闭合标签。 下面是举例： span{colo...
本篇博文主要整理一下html页面布局的基础知识。虽然这些知识基本都懂，但是实际用起来，其中的一些细节老是注意不到(>_盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。盒子模型范围包括： border、padding、margin、content 。盒子模型有两种，分别是IE（怪异模式）盒子模型和标准盒子模型。两者的区别是，IE盒子模型content部分包含 padding 和 border ，而标准盒子模型不包括！css3的 border-sizin...