HTML和CSS
文章平均质量分 81
Master_Yoda
Named after the name of God,by your hands!
展开
-
CSS基础语法、基本选择器、元素选择器、类选择器、ID选择器、伪类和伪元素选择器
今天终于开始学前端了,以前一直被其他事给耽误,这一次不会了!哈哈哈!1、定义CSS的基本语法定义的基本语法分为两个组成部分,一是选择器,二是属性说明选择器{属性1:属性值1;属性2:属性值2;…}选择器指定了对哪些网页元素进行样式设置,选择器可以是HTML标签名、元素的类名、元素的ID名等。而且根据选择器的构成形式可以将选择器分为基本选择器和复合选择器。 将CSS...原创 2018-06-18 12:23:55 · 1818 阅读 · 0 评论 -
HTML之多媒体标签
1.video标签video标签用于在网页中嵌入音频和视频,设置语法如下:<video src="file_url"></video>常用属性如下: 属性 描述 src 指定嵌入对象的文件路径 autoplay 嵌入对象在加载页面后自动播放 controls 出现该属性,则向用户显示控件 prel...原创 2018-07-22 11:01:23 · 539 阅读 · 0 评论 -
HTML超链接笔记二
3.6文本链接文本链接指源端点为文本的链接,基本的设置语法如下:<a href="file_url">文本</a>3.7图像链接图像链接是源端点为图片文件的链接,基本设置语法如下:<a href="file_url"><img src="img_url" /></a>3.8图像映原创 2018-07-29 19:46:57 · 253 阅读 · 0 评论 -
HTML 超链接笔记一
1.创建超链接语法如下:&amp;lt;a href=&quot;链接路径&quot;&amp;gt;文本/图片&amp;lt;/a&amp;gt;a标签常用属性: 属性 描述 href 必设属性。用于指定链接路径,用于设置超链接的目标端点 target 定义目标窗口 title 定义链接提示信息。当鼠标移到源端点时会弹出该提示信息h原创 2018-07-29 19:03:38 · 831 阅读 · 0 评论 -
CSS盒子模型之外边距(margin)
外边距的设置 外边距跟边框一样,分为上、右、下、左4个方向的边距 |属性|描述| |margin|简写属性,同时设置边框4个方向的外边距| |margin-bottom|设置下外边距| |margin-left|设置左外边距| |margin-right|设置右外边距| |margin-top|设置上外边距| 外边距设置语法如下:margin:margin_value ...原创 2018-07-15 20:30:30 · 7879 阅读 · 0 评论 -
CSS盒子模型之内边距(padding)
内边距的设置 内边距跟边框一样,分为上、下、左、右4个方向的内边距, 属性 描述 padding 简写属性,同时设置边框4个方向的内边距 padding-bottom 设置下内边距 padding-left 设置左内边距 padding-right 设置右内边距 padding-top 设置上内边距内边距...原创 2018-07-15 16:43:13 · 4433 阅读 · 0 评论 -
CCS盒子模型之边框属性设置
盒子模型的组成 首先上一张图片: 从这张图片可以看出,每个盒子在页面中都占据特定的空间,占据的实际空间是由“内容”+内边距+外边距+边框组成。 2.边框设置 边框大的样式涉及了颜色(color)、宽度(width)和风格(style)3方面 2.1边框风格设置 设置边框风格的时候可以设置上下左右四个边框的风格 属性 描述 border-style ...原创 2018-07-14 19:08:33 · 5728 阅读 · 0 评论 -
HTML图片标签和列表标签
1.img标签img标签用于在网页中插入图片,基本语法如下:<img src="图片路径">常用属性如下: 属性 描述 alt 指定图片的替换信息 height 定义图片的高度 width 定义图片的宽度 title 定义图片的提示信息注意:默认情况下图片和父级元素的下边框会存在一个小空隙,解决...原创 2018-07-25 19:48:43 · 2712 阅读 · 0 评论 -
CSS字体、文本、背景属性设置三——背景属性
1.背景颜色属性:background-color 用于设置网页或网页元素的背景颜色,设置语法如下:background-color:颜色的英文单词|颜色的十六进制数|颜色的RGB值|transparent|inherit;语法说明:属性transparent用于设置透明背景,为默认的的背景颜色。 2. 背景图片属性:background-image 用于设置背景图片,设置语法...原创 2018-07-12 16:56:57 · 868 阅读 · 0 评论 -
HTML标签之文档结构标签
1.header标签该标签用于定义页面或内容区域的头部消息,设置语法如下:&lt;header&gt;头部相关信息&lt;/header&gt;注意:可以作为网页或者任何一块元素的头部信息在同一个html页面内没有个数限制header标签里不能嵌套header或者footer标签2.article标签article用于表示页面中一块独立的、完整的相关内容块,...原创 2018-07-18 16:45:43 · 1230 阅读 · 0 评论 -
CSS字体、文本、背景属性设置二——文本属性
颜色属性:color 在CSS中,可以使用color属性设置文本颜色color:颜色英文单词|颜色的十六进制数|颜色的RGB值|inherit; 属性值 描述 颜色英文单词 使用表示颜色的英文单词,例如:red(红色) 十六进制数 使用#加一个十六进制数表示颜色值,例如红色的十六进制值:#ff0000 RGB值 RGB代码的颜色值...原创 2018-07-11 20:59:00 · 532 阅读 · 0 评论 -
HTML标签之文本标签
1.文本标签1.1段落与换行标签基本语法如下:<p>段落内容</p>语法说明:将标签对之间的内容创建为一个段落。生成的段落默认与上下文有一空行的间隔,这是段落的默认样式决定的,默认情况下,段落存在16px的上外边距和下外边距,可以通过margin:0样式代码来重置这个默认外边距,默认情况下段落相对于其父窗口居左对齐,要修改水平对齐样式,有两种方法,一...原创 2018-07-17 21:21:22 · 14477 阅读 · 0 评论 -
CSS字体、文本、背景属性设置——字体
字体粗细属性:font-weight 属性值 描述 noraml默认值,定义标准粗细的字体 bold 粗体字 bolder 更粗的字体 lighter 更细的字体 100 200 300 … 由细到粗的字体,400相当于normal,而700相当于bold 900...原创 2018-07-10 17:54:17 · 2390 阅读 · 0 评论 -
CSS的冲突与解决
当多个CSS样式应用到同一个元素时,这些样式之间可能存在对同一个属性的不同格式设置,当发生冲突时,浏览器通过遵循以下原则来解决CSS冲突。优先级原则最近原则同一属性的样式定义,后面定义的样式会覆盖前面定义的样式。 优先级原则:指的是优先级最高的样式有效,其中行内样式>内嵌式样式|链接外部样式,即行内样式的优先级最高,而内嵌式样式和链接外部样式的优先级由它们出现的位置决定,谁出现在...原创 2018-06-19 20:36:36 · 9795 阅读 · 0 评论 -
HTML &CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器和属性选择器等。 1. 交集选择器 交集选择器由两个选择器直接构成,其中第一个必须是元素选择器,第二个必须是类选择器或者ID选择器。两个选择器之间必须连续写,不能有空格。交集选择器选择的元素必须是有第一个选择器指定的元素类型,该元素必须包含第二个选择器对应的ID或...原创 2018-06-19 11:11:15 · 4474 阅读 · 2 评论 -
HTML元素类型
1.块级元素块级元素具有以下特点:独占一行不设置宽度样式时,宽度自动撑满父元素宽度和相邻的块级元素一次垂直排列。可以设定元素的宽度和高度以及四个方向的内、外边距常见的块级元素有div、p、h1~h6、ul、ol、dd以及HTML中的新增元素section、header、footer、nav等元素2.行内元素行内元素也称为内联元素或内嵌元素。行内元素有如下特点:...原创 2018-07-22 17:59:54 · 786 阅读 · 0 评论