![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html css js的学习
文章平均质量分 56
镜子的分享
学习永无止境
展开
-
CSS元素的显示模式-块元素-行内元素元素显示的转换(display:block; display:inline; display:line-block;)
CSS元素的显示模式什么是元素的显示模式作用: 网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行。比如一行可以放多个<span> HTML元素一般分为块元素和行内元素两种类型块元素:常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<原创 2021-02-24 00:01:06 · 904 阅读 · 0 评论 -
CSS背景设置-背景颜色-背景图片-背景平铺-背景图像滚动-背景位置
CSS的背景通过CSS背景属性,可以给页面元素添加背景样式背景属性可以设置背景颜色 背景图片 背景平铺 背景图片位置 背景图像固定等背景颜色:background-color属性定义了元素的背景颜色background-color:颜色值;一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色。背景图片:background-image 属性描述了元素的背景图像,实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制原创 2021-02-23 23:35:38 · 786 阅读 · 0 评论 -
CSS文本属性-color颜色-text-align文本对齐-text-decoration装饰文本-text-indent文本缩进-line-height行高
CSS文本属性CSS Text(文本)属性可以定义文本的外观,比如文本的颜色、对齐方式、装饰文本、文本缩进、行间距等。文本颜色:color属性用于定义文本的颜色div{ color: red;}表示种类对应的属性值预定义的颜色值red,green,blue,pink十六进制#FF0000,#ff6600,#29D794RGB代码rgb(255,0,0)或rgb(100%,0%,0%)对齐文本:text-align属性用于设置元素内文本内容的原创 2021-02-23 22:30:54 · 710 阅读 · 0 评论 -
CSS字体属性-字体系列(font-family)-字体大小(font-size)-字体粗细(font-weight)-文字样式(font-style)-字体复合属性(font)
CSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。字体系列:CSS 使用font-family属性定义文本的字体系列。p { font-family: "微软雅黑"; }div { font-family: Arial, "Microsoft Yahei", 微软雅黑; }多个字体时 各个字体用英文逗号分开遇见多个单词组成的有空格的 用引号进行包含 单双引号都可以尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示最常见的几个字体:body原创 2021-02-23 15:44:54 · 5173 阅读 · 1 评论 -
CSS的引入样式-行内式(行内样式表)-嵌入式(内部样式表)-链接式(外部样式表)
CSS的引入方式:行内样式表(行内式)内部样式表(嵌入式)外部样式表(链接式)内部样式表:写到HTML页面内部,是将所有的CSS代码抽取出来,单独放到一个<style> div { color: red; font-size: 12px;}</style><style>标签理论上可以放在HTML文档的任何地方,但一般会放在文档的<head>标签中通过此种方式,可以方便控制当前整个页面中的元素样式设置代码结构清晰原创 2021-02-23 15:15:43 · 895 阅读 · 0 评论 -
CSS选择器-复合选择器-后代选择器-子代选择器-并集选择器-链接伪类选择器(a:link a:visited a:hover a:active)-input:foncus的理解
CSS选择器的作用:就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说,就是选择标签用的。 选对人 做对事选择器的分类:选择器分为基础选择器 和复合选择器 两个大类CSS复合选择器复合选择器是建立在基础选择器之上对基础选择其进行组合形成的复合选择器可以更准确 更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器 通过不同的方式组合而成的常用的复合选择器包括:后代选择器 、选择器、并集选择器、伪类选择器后代选择器:又称包含选择器 可以选择父元素里面的子元素,其原创 2021-02-23 14:43:20 · 358 阅读 · 0 评论 -
CSS选择器-基础选择器-类选择器-id选择器-标签选择器-通配符选择器的理解
CSS选择器的作用:就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说,就是选择标签用的。 选对人 做对事选择器的分类:选择器分为基础选择器 和复合选择器 两个大类基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器标签选择器语法:标签 { 属性: 属性值; 属性: 属性值; 属性: 属性值;}作用:标签选择器可以把某一类标签全部选择出来优点:能快速为页面中同一类型的标签统一设置样式缺点:不能设计差异化样式,只能选择全原创 2021-02-23 13:34:15 · 494 阅读 · 0 评论 -
CSS简介 语法规范 代码风格
CSS是层叠样式表(cascading style sheets)的简称有时我们也会称之为css样式表或级联样式表CSS也是一种标记语言CSS主要用于设置HTML页面中的文本内容(字体 大小 对齐方式)、图片的外形(宽度 边框样式 边距等)以及版面布局和外观显示样式。CSS让我们的网页更加丰富多彩 布局更加灵活自如 简单理解:CSS可以美化HTML让HTML更漂亮 让页面布局更简单小结:HTML主要做结构,显示元素内容CSS美化HTML,布局网页CSS最大价值:由HTML专注去做结构呈现原创 2021-02-23 11:24:27 · 391 阅读 · 0 评论 -
html 表单标签table 表单域 表单控件 属性 type 等 输入表单 下拉表单 文本域元素 lable标签的理解
表单标签:使用表单目的是收集用户的信息在HTML中一个完整的表单通常由 表单域、表单控件(也称表单元素)和提示信息3个部分构成也可以不完整表单域:是一个包含表单元素的区域在HTML标签中 <form>标签用于定义表单域以实现用户信息的收集和传递<form>会把它范围内的表单元素信息提交给服务器<form action="url地址" method="提交方式" name="表单域名称">各种表单元素控件</form>的属性常用属性:原创 2021-02-23 10:57:32 · 925 阅读 · 0 评论 -
HTML中列表标签的解释 无序列表ul li 有序列表ol li 自定义列表dl dt dd
表格是用来显示数据的 列表是用来布局的列表标签:根据使用场景分为 :无序列表 有序列表 自定义列表无序列表:<ul>标签表示无序列表一般会以项目符号呈现列表项而列表项用<li>标签一个爸爸 多个儿子 儿子<ul> <li>列表项</li> <li>列表项</li> ……</ul>无序列表的各个列表项之间没有顺序级别之分 是并列的<ul></ul> 中原创 2021-02-23 08:52:15 · 3362 阅读 · 1 评论 -
html中 table 表格标签 tr th td thead tbody 单元格的合并
表格的作用:表格不是用来布局页面的 而是用来显示数据的表格标签:定义表格的表格外框<table></table>行<tr></tr>必须嵌套在<table>标签中单元格<td></td>必须嵌套在<tr></tr>标签字母td指表格数据table data即单元格内容表头单元格标签一般为位于表格最左边一列最上边一行的文本内容表头单元格也是单元格常用于表格第一行突出重要性和td不同原创 2021-02-22 21:55:47 · 5212 阅读 · 0 评论 -
html中常用符号 如空格
加粗样式在html中无论多少换行 tap 空格 网页中都只显示一个多行空格 看下列代码中的 特殊字符 空格符注释:<!-- -->特殊字符: 空格符小于号:< 大于号:>原创 2021-02-22 21:34:30 · 329 阅读 · 0 评论 -
html 中 a 超链接标签
超链接标签:在html标签中<a>标签用于定义超链接作用是从一个页面链接到另一个页面链接的语法规范:<a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像</a>anchor 锚属性作用href用于指定链接目标的url地址(必须属性)当为标签应用了href的属性时 它就有了超链接的功能target用于指定链接页面的打开方式 其中 _self为默认值 _blank为在新窗口中打开方式链接的分类:原创 2021-02-22 21:28:35 · 829 阅读 · 0 评论 -
html 中 img图片标签的路径
目录文件夹:就是普通文件夹 里面只不过存放了我们做页面所需要的相关素材 比如html文件 图片等根目录:打开目录文件夹的第一层就是根目录图像标签和路径(图像标签讲解见上篇)页面中的图片会非常的多我们会采用路径的方式来指定图像文件的位置路径可以分为:相对路径:以引用文件所在位置为参考基础 而建立出的目录路径 这里简单来说 图片相当于html页面的位置同一级路径:<img src=”pic.gif” />下一级路径:<img src=”images/pic.gif”/&原创 2021-02-22 21:07:43 · 2759 阅读 · 0 评论 -
html 中 img图像标签
大部分标签的 格式 : 标签 标签属性 属性值<img/> <a></a> background-image 的引用区别<img src="LD.gif"/><a href="#">LD</a>body { background-image: url();}图像标签是单标签<img>标签用于定义html页面中的图像<img src=”图像URL”/>图像标签的属性:src alt ti原创 2021-02-22 21:02:25 · 2003 阅读 · 0 评论 -
html 中 div 和 span
<div> 和 <span>标签没有语义,只是一个盒子,用来装内容的。div 意为分割分区 用来布局 但是一行只能放一个 是个大盒子img不是一行一个如以下代码 可以思考一下:np<div><img src="07.jpg" width="500" border="15" /></div>npnp<img src="LD.jpg" width="500" border="15" />np<span>文字<原创 2021-02-22 19:08:52 · 63 阅读 · 0 评论 -
四种html中的文本格式化标签
四种html中的文本格式化标签 :使文字以特殊的方式显示标签语义:突出重要性 比普通文字更重要加粗标签: <strong>文字</strong> <b>文字</b>倾斜标签:<em>文字</em> <i>文字</i>删除线标签:<del>文字</del> <s>文字</s>下划线标签:<ins&g原创 2021-02-22 18:54:39 · 361 阅读 · 0 评论 -
html 中<h> <p> <br/>标签的理解
标签有 单标签 和 双标签之分写法:双标签 有前有后 <h> </h>单标签 加了/ 示例 <br/><h> <p>为双标签 <br/> 为单标签<h> <p>似乎都能看出上下之间有一些垂直距离<p> <h>连在一起还是固定的距离标题标签 <h1>~<h6> 也是盒子h标签特点:标题标签标题一种六级选文字加粗一行显由大到小依原创 2021-02-22 18:47:12 · 2148 阅读 · 0 评论 -
html 中 对于 空隙 空格 制表符的理解
在html中无论多少换行 tap 空格 网页中都只显示一个多个空格的距离 就要用 <h>标签 <p>标签 似乎都能看出上下之间有一些垂直距离<p>标签 <h>标签 连在一起还是那固定的距离...原创 2021-02-22 17:02:15 · 579 阅读 · 0 评论 -
HTML 基本知识
通式:标签 标签属性 属性值HTML超文本标记语言网站 展示特定相关内容 的 网页的集合网页的元素: 图片 文字 声音 视频 链接Html的基本骨架要知道是说明浏览器这个网页采用 为html5版本来显示页面Lang 语言种类 en 定义语言为英语 zh-CN定义语言为中文简单来说 定义为 en就是英文网页 定义为zh-CN就是中文网页其实对于文档来说 定义en也可以显示中文 定义成 zh-CN的文档也可以显示英文字符集charset 是多个字符的集合 以便计算机能够识别和储存各种文字U原创 2021-02-22 16:29:31 · 56 阅读 · 0 评论