HTML5＋CSS3＋JavaScript Web 前端开发案例教程（慕课版），微信读书中找到的学习Web前端书籍，好啦，我要带着课后习题，开始学习前端开发了，耶(＾－＾)V
HTML5学堂：本篇文章主要是从头到尾串一下HTML4.0的知识点。很多知识在网站各个文章中都已经讲解过了，在这里就不再重复书写了。学习时，知识点固然重要，但是能否将知识点串成线，织成网？希望大家能够通过此文章，与我一起将HTML4.0的知识更好的串下来。 另外，本篇文章献给我亲爱的学生们使用，希望能够在复习方面能够帮上你们的忙。 标签的基本分类 在原来CSS出现、普及之前，HTML标签有很多种，主要分为结构性、内容性与修饰性的标签。随着CSS的广泛使用，HTML代码当中很多标签都已经不再使用了，比如
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
学习慕课网笔记，课程：http://www.imooc.com/code/2024 1.css选择器 子选择器：parent>child 子选择器是指选择parent的范围内的第一个子元素。这里parent和child均是伪代码。可以是class用.classname，也可以是标签ul>li,也可以是id #pid>#cid 后代选择器：parent child 后代选择器是指：选择parent范围内的所欲child元素。与子选择器不同的是，这里包含嵌套内的child元素，而子选择器仅仅选中parent
content-box : width = 内容的宽度 height = 内容的高度
HTML5学堂：HTML标签存在一定的嵌套规则，如果我们不遵循这个嵌套规则进行代码书写，也能够实现出基本的功能（这大概也是HTML+CSS的特殊之处吧），但是直接影响着我们的代码质量。很俗的来说，也跟工资挂钩啦~~~另外，温馨提示各位，记忆知识应当采用合适的方法，不要一句一句背诵。块就如同盒子，行就如同一段文字。之后就是块、行的嵌套关系，对于列表项、form、table对子层内容有一定的要求。这样来记忆要好很多~ 基本嵌套规则 1、body可以直接包含块状元素、ins、del、script。不可以直接包含行
超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。
image.png 如果要掌握、运用好Position、Float属性必须要对HTML的两个基本点有清晰的了解。 盒子模型（box model） HTML的普通流（normal flow） 盒子模型 在HTML中元素的盒子模型分为两种：块状元素、行内元素，请注意这里的块状元素（Block）和行内元素（Inline）与Display属性中的inline、block两个属性值并不等同。盒子模型中的Inline、Block类似于是Display属性的父类，例如：Display属性中的list-item属性值是
优点：只需在子元素child上设置css样式，不用关心父元素的 缺点：兼容性较差，如果需要兼容，更改html样式，改为table样式
1.认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 如下列代码： p{
html元素类型 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： 、、...、、、、、、 、<form> 常用的内联元素有： 、、、、、、<label>、<q>、<var>、、 常用的内联块状元素有：04html基础语法总结HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。01【云+社区年度征文】html基础语法总结HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。00CSS基础知识CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。02Imooc之Html与CSS1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。02CSS基本知识(慕课网)1、注释 注解：CSS中注释/*这里是注释的文字*/ HTML中注释 2、外部式css样式，写在单独的一个文件中 注解： 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="tex06前端面试CSS相关（一）实现一个元素的水平垂直居中； 要求： 要求对行内元素、块状元素及不定宽高的块状元素均可适用； 本文完整源代码地址：https://gitee.com/duanweidong/interview-question-code.git html结构 块状元素 <di02CSS概要CSS 基础知识 语法 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式， 如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的 文字有着统一的字体、字号或者颜色等。 CSS语法 选择符 { 属性:值} 选择符:又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段(p)的文字将变 成蓝色，而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明，属性05CSS基础知识版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。03HTML基础1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。01CSS学习在很多方面，ID选择器都类似于类选择器，但也有一些重要的区别： 1、为标签设置id=”id名称”，而不是class=”类名称”。 2、id选择符的前面是#号，而不是英文圆点（.）。04html导航栏纵向代码,html横向导航栏怎么做？横向导航条代码实例有不少小伙伴在刚学习 html 的时候都会遇到这样一个问题：html 横向导航栏怎么做？今天W3Cschool小编就为大家分享一下简单的横向导航条代码，相信会对大家有所帮助。03【说站】css元素有哪些类型常用的块状元素有：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td01HTML元素分类：inline、inline-block、block三者可以互相转化——设置display属性值：inline、inline-block、block04【前端攻略】最全面的水平垂直居中方案与flexbox布局最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。由简至繁： 行内元素的水平居中 要实现行内元素（、等）的水平居中，只需把行内元素包裹在块级父层元素（、、等）中，并且在父层元素CSS设置如04Html小知识总结1、跳出新页面： <basetarget=”_blank”>target="_self"不跳转 <form action="xxx.htm" target="_blank">form表单提交的跳转设置 2、点击按钮跳出别的页面添加 onclick="return false" 3、display:block;块级元素，也就是说它可以设置一些宽高，独占一行，比如，div元素，p元素等display:inlin012CSS元素分类快级元素：在html中,,,<form>,,就是块级元素。 设置display:block就是将元素显示为块级元素。 将行内元素a转换为块级元素，从而使a元素具有块级元素特点 a{display:block;} 行内元素：在html中，,,<label>,<input>,,,就是典型的行内元素 display:inline 内联块状元素：同时具备内联元素，05标签的选择这么多篇文章下来，大家对如何进行页面布局想必已经有了自己的一些想法，特别是上周的文本样式的介绍，让大家可以实现了对整个页面的搭建以及制作。所以基本的制作已经没有什么问题的情况下，我们需要考虑的就是如何能够实现的更好，能够让我们做的页面代码精简度、性能让能够更符合我们的开发规范。所以今天我们着重的给大家来讲解一下如何选择标签，以最精简的代码实现我们的页面制作。 本文内容概要： 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示 一、标签的默认样式 通过这么09HTML（表格 & 内联框架）为块状元素，会独占一行，td也是块状元素，当然他和他的兄弟姐妹并不冲突；01HTML表格（table）&内联框架HTML表格的创建 先是一段表格代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> table{ border: 1px solid black; } td{ border: 1px solid black; } </style> </head>02HTML/CSS基础知识学习笔记http://www.cnblogs.com/scue/p/4276339.html01HTML（基础、链接标签、图片标签）1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。02网址导航对于没有接触过网页编程的人来说，又想学习爬虫，先学习一些网页基础知识非常有必要且重要，以后如果想做网站开发也能用的上，这一部分设计了三节课，为之后的爬虫打下网页知识基础。02css知识点笔记-常见特性css知识点范围：常见特性 颜色值缩写：#000000=#000，#336699=#369两两重复就能缩写； 字体缩写：只要缩写必须要有size和family这两个属性，font-size和line-height缩写时中间加入"/"，属性包括font-style/variant/weight/size/family和line-height； 颜色：rgb(a, b, c)。a，b，c可以是0-255之间的整数，也可以为0%-100%的百分数； 行内元素居中用text-align : center 定宽块状元022.布局解决方案- 水平布局<1>水平布局 写出两个盒子并满足以下条件条件： 1.里面的宽度盒子不固定 2.外面盒子的宽度不固定03CSS布局(三) 布局模型布局模型 在网页中，元素有三种布局模型： 1、流动模型（Flow） 默认的 2、浮动模型 (Float) 3、层模型（Layer） 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 （每一个便签都显示着自己本来默认的那07css 使元素居中居中显示04CSS BFC实现多栏自适应布局要说web上实现两栏自适应布局的方法，一双手都数不过来。不知大家有没有细想过，为什么这些方法可以实现自适应布局呢？04CSS总结1.继承：子元素继承父元素的某些样式（因为有些元素有默认值，所以它们就不用继承父元素的）。01前端开发必会的HTML/CSS硬知识文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基础知识开始~ 分享小魔女的音乐 2 块元素和行元素 2.1 请说出3个H5新增的块元素，并介绍他们的应用场景 aside:表示article元素内容之外，与article元素内容相关的辅助信息 figure:代表一个块级图像，包含说明。figure添加标题时，与figcaption元素结合使用。 dialog:表示几个人直接的对话。与dt和dd元素03CSS再学css的注释 /*.......*/ 直接在html代码中写css Hao css代码写在当前文件中 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> p{ color: red; font-size: 19px; } </style> </head>07css学习选择器就是css样式指定的作用在那些标签上；如果一个属性名有多个值，多个值之间使用 空格 隔开01常见的块状元素与内联元素xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~03神器oneMark支持自定义主题和代码高亮方案了持续更新中，目前已经支持代码高亮，支持自定义主题，支持块状元素（类似于obsidian的callout），支持主题！特别增加了对typora的主题支持！01web前端学习摘要。HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。03CSSCSS <style type="text/css"> </style> 注释 /*注释*/ 内联式 嵌入式 外部式 <link href="main.css" rel="stylesheet" type="text/css" /> 类选择器 .类名{ } ID 选择器 #id{ } 子选择器 第一代子元素 .food>li{ } 包含后代选择器 .first span{ } > 作用于元素的第一代后代，空格 作用于元素的所有后代 伪类选择器04CSS-垂直|水平居中问题的解决方法总结题外话：前两天和专业老师探讨最近的一个项目，涉及到对一个浮动的盒子局中的问题，老师的解决方法打开了我的新思路。让我有了总结一下平时的居中问题的想法。不然可能忘掉了以后又要到处寻找解决办法了。另外也给我一个启示：启示解决方法有很多，就看你能不能对知识灵活运用。也是通过这件事我体会到了“灵活运用”的真正含义。做事情是这样，做技术尤其要这样。 这个总结要一直在整理完善中，以后有了什么新的想法、新的解决办法都要再修改。可惜不在github中，不然可以集思广益了。 ——————————----------06关于p标签不能嵌套div标签引发的标签嵌套问题总结问题由来：中嵌套标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。03全栈之前端 | 4.CSS3基础知识之盒子模型学习描述：在 HTML 中首先会使用 CSS 来对元素进行定位，我们将学习如何使用 CSS 来控制和定位网页元素的位置、大小和布局。02Android开发人员初识前端 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。03扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯前端之旅-Web语义化以及HTML元素简要介绍HTML 标题元素HTML行内元素与块级元素HTML5结构元素从零到壹，HTML——HTML 元素、属性详解热门标签更多标签云服务器ICP备案实时音视频即时通信 IM对象存储活动推荐运营活动广告关闭领券
、
、<form> 常用的内联元素有： 、、、、、、<label>、<q>、<var>、、 常用的内联块状元素有：04html基础语法总结HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。01【云+社区年度征文】html基础语法总结HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。00CSS基础知识CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。02Imooc之Html与CSS1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。02CSS基本知识(慕课网)1、注释 注解：CSS中注释/*这里是注释的文字*/ HTML中注释 2、外部式css样式，写在单独的一个文件中 注解： 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="tex06前端面试CSS相关（一）实现一个元素的水平垂直居中； 要求： 要求对行内元素、块状元素及不定宽高的块状元素均可适用； 本文完整源代码地址：https://gitee.com/duanweidong/interview-question-code.git html结构 块状元素 <di02CSS概要CSS 基础知识 语法 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式， 如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的 文字有着统一的字体、字号或者颜色等。 CSS语法 选择符 { 属性:值} 选择符:又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段(p)的文字将变 成蓝色，而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明，属性05CSS基础知识版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。03HTML基础1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。01CSS学习在很多方面，ID选择器都类似于类选择器，但也有一些重要的区别： 1、为标签设置id=”id名称”，而不是class=”类名称”。 2、id选择符的前面是#号，而不是英文圆点（.）。04html导航栏纵向代码,html横向导航栏怎么做？横向导航条代码实例有不少小伙伴在刚学习 html 的时候都会遇到这样一个问题：html 横向导航栏怎么做？今天W3Cschool小编就为大家分享一下简单的横向导航条代码，相信会对大家有所帮助。03【说站】css元素有哪些类型常用的块状元素有：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td01HTML元素分类：inline、inline-block、block三者可以互相转化——设置display属性值：inline、inline-block、block04【前端攻略】最全面的水平垂直居中方案与flexbox布局最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。由简至繁： 行内元素的水平居中 要实现行内元素（、等）的水平居中，只需把行内元素包裹在块级父层元素（、、等）中，并且在父层元素CSS设置如04Html小知识总结1、跳出新页面： <basetarget=”_blank”>target="_self"不跳转 <form action="xxx.htm" target="_blank">form表单提交的跳转设置 2、点击按钮跳出别的页面添加 onclick="return false" 3、display:block;块级元素，也就是说它可以设置一些宽高，独占一行，比如，div元素，p元素等display:inlin012CSS元素分类快级元素：在html中,,,<form>,,就是块级元素。 设置display:block就是将元素显示为块级元素。 将行内元素a转换为块级元素，从而使a元素具有块级元素特点 a{display:block;} 行内元素：在html中，,,<label>,<input>,,,就是典型的行内元素 display:inline 内联块状元素：同时具备内联元素，05标签的选择这么多篇文章下来，大家对如何进行页面布局想必已经有了自己的一些想法，特别是上周的文本样式的介绍，让大家可以实现了对整个页面的搭建以及制作。所以基本的制作已经没有什么问题的情况下，我们需要考虑的就是如何能够实现的更好，能够让我们做的页面代码精简度、性能让能够更符合我们的开发规范。所以今天我们着重的给大家来讲解一下如何选择标签，以最精简的代码实现我们的页面制作。 本文内容概要： 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示 一、标签的默认样式 通过这么09HTML（表格 & 内联框架）为块状元素，会独占一行，td也是块状元素，当然他和他的兄弟姐妹并不冲突；01HTML表格（table）&内联框架HTML表格的创建 先是一段表格代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> table{ border: 1px solid black; } td{ border: 1px solid black; } </style> </head>02HTML/CSS基础知识学习笔记http://www.cnblogs.com/scue/p/4276339.html01HTML（基础、链接标签、图片标签）1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。02网址导航对于没有接触过网页编程的人来说，又想学习爬虫，先学习一些网页基础知识非常有必要且重要，以后如果想做网站开发也能用的上，这一部分设计了三节课，为之后的爬虫打下网页知识基础。02css知识点笔记-常见特性css知识点范围：常见特性 颜色值缩写：#000000=#000，#336699=#369两两重复就能缩写； 字体缩写：只要缩写必须要有size和family这两个属性，font-size和line-height缩写时中间加入"/"，属性包括font-style/variant/weight/size/family和line-height； 颜色：rgb(a, b, c)。a，b，c可以是0-255之间的整数，也可以为0%-100%的百分数； 行内元素居中用text-align : center 定宽块状元022.布局解决方案- 水平布局<1>水平布局 写出两个盒子并满足以下条件条件： 1.里面的宽度盒子不固定 2.外面盒子的宽度不固定03CSS布局(三) 布局模型布局模型 在网页中，元素有三种布局模型： 1、流动模型（Flow） 默认的 2、浮动模型 (Float) 3、层模型（Layer） 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 （每一个便签都显示着自己本来默认的那07css 使元素居中居中显示04CSS BFC实现多栏自适应布局要说web上实现两栏自适应布局的方法，一双手都数不过来。不知大家有没有细想过，为什么这些方法可以实现自适应布局呢？04CSS总结1.继承：子元素继承父元素的某些样式（因为有些元素有默认值，所以它们就不用继承父元素的）。01前端开发必会的HTML/CSS硬知识文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基础知识开始~ 分享小魔女的音乐 2 块元素和行元素 2.1 请说出3个H5新增的块元素，并介绍他们的应用场景 aside:表示article元素内容之外，与article元素内容相关的辅助信息 figure:代表一个块级图像，包含说明。figure添加标题时，与figcaption元素结合使用。 dialog:表示几个人直接的对话。与dt和dd元素03CSS再学css的注释 /*.......*/ 直接在html代码中写css Hao css代码写在当前文件中 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> p{ color: red; font-size: 19px; } </style> </head>07css学习选择器就是css样式指定的作用在那些标签上；如果一个属性名有多个值，多个值之间使用 空格 隔开01常见的块状元素与内联元素xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~03神器oneMark支持自定义主题和代码高亮方案了持续更新中，目前已经支持代码高亮，支持自定义主题，支持块状元素（类似于obsidian的callout），支持主题！特别增加了对typora的主题支持！01web前端学习摘要。HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。03CSSCSS <style type="text/css"> </style> 注释 /*注释*/ 内联式 嵌入式 外部式 <link href="main.css" rel="stylesheet" type="text/css" /> 类选择器 .类名{ } ID 选择器 #id{ } 子选择器 第一代子元素 .food>li{ } 包含后代选择器 .first span{ } > 作用于元素的第一代后代，空格 作用于元素的所有后代 伪类选择器04CSS-垂直|水平居中问题的解决方法总结题外话：前两天和专业老师探讨最近的一个项目，涉及到对一个浮动的盒子局中的问题，老师的解决方法打开了我的新思路。让我有了总结一下平时的居中问题的想法。不然可能忘掉了以后又要到处寻找解决办法了。另外也给我一个启示：启示解决方法有很多，就看你能不能对知识灵活运用。也是通过这件事我体会到了“灵活运用”的真正含义。做事情是这样，做技术尤其要这样。 这个总结要一直在整理完善中，以后有了什么新的想法、新的解决办法都要再修改。可惜不在github中，不然可以集思广益了。 ——————————----------06关于p标签不能嵌套div标签引发的标签嵌套问题总结问题由来：中嵌套标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。03全栈之前端 | 4.CSS3基础知识之盒子模型学习描述：在 HTML 中首先会使用 CSS 来对元素进行定位，我们将学习如何使用 CSS 来控制和定位网页元素的位置、大小和布局。02Android开发人员初识前端 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。03扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯前端之旅-Web语义化以及HTML元素简要介绍HTML 标题元素HTML行内元素与块级元素HTML5结构元素从零到壹，HTML——HTML 元素、属性详解热门标签更多标签云服务器ICP备案实时音视频即时通信 IM对象存储活动推荐运营活动广告关闭领券
常用的内联块状元素有：
HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示出来，浏览器不会显示 HTML 标签，而是通过标签来解释网页的内容。
CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
1、注释 注解：CSS中注释/*这里是注释的文字*/ HTML中注释 2、外部式css样式，写在单独的一个文件中 注解： 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <link href="base.css" rel="stylesheet" type="tex
实现一个元素的水平垂直居中； 要求： 要求对行内元素、块状元素及不定宽高的块状元素均可适用； 本文完整源代码地址：https://gitee.com/duanweidong/interview-question-code.git html结构 块状元素 <di
CSS 基础知识 语法 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式， 如文字大小、颜色、字体加粗等。使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的 文字有着统一的字体、字号或者颜色等。 CSS语法 选择符 { 属性:值} 选择符:又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段(p)的文字将变 成蓝色，而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明，属性
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。01
在很多方面，ID选择器都类似于类选择器，但也有一些重要的区别： 1、为标签设置id=”id名称”，而不是class=”类名称”。 2、id选择符的前面是#号，而不是英文圆点（.）。
有不少小伙伴在刚学习 html 的时候都会遇到这样一个问题：html 横向导航栏怎么做？今天W3Cschool小编就为大家分享一下简单的横向导航条代码，相信会对大家有所帮助。
常用的块状元素有：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td
三者可以互相转化——设置display属性值：inline、inline-block、block
最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。由简至繁： 行内元素的水平居中 要实现行内元素（、等）的水平居中，只需把行内元素包裹在块级父层元素（、、等）中，并且在父层元素CSS设置如04
等）中，并且在父层元素CSS设置如
1、跳出新页面： <basetarget=”_blank”>target="_self"不跳转 <form action="xxx.htm" target="_blank">form表单提交的跳转设置 2、点击按钮跳出别的页面添加 onclick="return false" 3、display:block;块级元素，也就是说它可以设置一些宽高，独占一行，比如，div元素，p元素等display:inlin
快级元素：在html中,,,<form>,,就是块级元素。 设置display:block就是将元素显示为块级元素。 将行内元素a转换为块级元素，从而使a元素具有块级元素特点 a{display:block;} 行内元素：在html中，,,<label>,<input>,,,就是典型的行内元素 display:inline 内联块状元素：同时具备内联元素，05
,
这么多篇文章下来，大家对如何进行页面布局想必已经有了自己的一些想法，特别是上周的文本样式的介绍，让大家可以实现了对整个页面的搭建以及制作。所以基本的制作已经没有什么问题的情况下，我们需要考虑的就是如何能够实现的更好，能够让我们做的页面代码精简度、性能让能够更符合我们的开发规范。所以今天我们着重的给大家来讲解一下如何选择标签，以最精简的代码实现我们的页面制作。 本文内容概要： 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示 一、标签的默认样式 通过这么
HTML表格的创建 先是一段表格代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> table{ border: 1px solid black; } td{ border: 1px solid black; } </style> </head>
http://www.cnblogs.com/scue/p/4276339.html
1. 块状元素：独占一行，可以改变它的宽度和高度。如：标签 等等标签。02
对于没有接触过网页编程的人来说，又想学习爬虫，先学习一些网页基础知识非常有必要且重要，以后如果想做网站开发也能用的上，这一部分设计了三节课，为之后的爬虫打下网页知识基础。
css知识点范围：常见特性 颜色值缩写：#000000=#000，#336699=#369两两重复就能缩写； 字体缩写：只要缩写必须要有size和family这两个属性，font-size和line-height缩写时中间加入"/"，属性包括font-style/variant/weight/size/family和line-height； 颜色：rgb(a, b, c)。a，b，c可以是0-255之间的整数，也可以为0%-100%的百分数； 行内元素居中用text-align : center 定宽块状元
水平布局 写出两个盒子并满足以下条件条件： 1.里面的宽度盒子不固定 2.外面盒子的宽度不固定
布局模型 在网页中，元素有三种布局模型： 1、流动模型（Flow） 默认的 2、浮动模型 (Float) 3、层模型（Layer） 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 （每一个便签都显示着自己本来默认的那
居中显示
要说web上实现两栏自适应布局的方法，一双手都数不过来。不知大家有没有细想过，为什么这些方法可以实现自适应布局呢？
1.继承：子元素继承父元素的某些样式（因为有些元素有默认值，所以它们就不用继承父元素的）。
文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基础知识开始~ 分享小魔女的音乐 2 块元素和行元素 2.1 请说出3个H5新增的块元素，并介绍他们的应用场景 aside:表示article元素内容之外，与article元素内容相关的辅助信息 figure:代表一个块级图像，包含说明。figure添加标题时，与figcaption元素结合使用。 dialog:表示几个人直接的对话。与dt和dd元素
css的注释 /*.......*/ 直接在html代码中写css Hao css代码写在当前文件中 <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> p{ color: red; font-size: 19px; } </style> </head>
Hao
选择器就是css样式指定的作用在那些标签上；如果一个属性名有多个值，多个值之间使用 空格 隔开
xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~
持续更新中，目前已经支持代码高亮，支持自定义主题，支持块状元素（类似于obsidian的callout），支持主题！特别增加了对typora的主题支持！
HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。
CSS <style type="text/css"> </style> 注释 /*注释*/ 内联式 嵌入式 外部式 <link href="main.css" rel="stylesheet" type="text/css" /> 类选择器 .类名{ } ID 选择器 #id{ } 子选择器 第一代子元素 .food>li{ } 包含后代选择器 .first span{ } > 作用于元素的第一代后代，空格 作用于元素的所有后代 伪类选择器
题外话：前两天和专业老师探讨最近的一个项目，涉及到对一个浮动的盒子局中的问题，老师的解决方法打开了我的新思路。让我有了总结一下平时的居中问题的想法。不然可能忘掉了以后又要到处寻找解决办法了。另外也给我一个启示：启示解决方法有很多，就看你能不能对知识灵活运用。也是通过这件事我体会到了“灵活运用”的真正含义。做事情是这样，做技术尤其要这样。 这个总结要一直在整理完善中，以后有了什么新的想法、新的解决办法都要再修改。可惜不在github中，不然可以集思广益了。 ——————————----------
问题由来：中嵌套标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。03
中嵌套
的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。
描述：在 HTML 中首先会使用 CSS 来对元素进行定位，我们将学习如何使用 CSS 来控制和定位网页元素的位置、大小和布局。
表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用表示强调。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
