Html
光明顶上的5G
作者5G,目前专注于Java后端技术的学习
展开
-
Html介绍
目录 Html和CSS的关系认识HTML标签标签的语法认识html文件基本结构认识head标签了解HTML的代码注释Html和CSS的关系1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变...原创 2018-11-20 22:39:55 · 390 阅读 · 0 评论 -
单位和值
颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜...原创 2018-11-22 14:19:32 · 147 阅读 · 1 评论 -
CSS代码缩写,占用更少的带宽
目录盒模型代码简写颜色值缩写字体缩写盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14p...原创 2018-11-21 22:36:57 · 106 阅读 · 0 评论 -
CSS布局模型
目录 css布局模型流动模型(一)流动模型(二)浮动模型什么是层模型?层模型--绝对定位层模型--相对定位层模型--固定定位Relative与Absolute组合使用css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型...原创 2018-11-21 22:29:34 · 115 阅读 · 0 评论 -
CSS盒模型
目录 元素分类元素分类--块级元素元素分类--内联元素元素分类--内联块状元素盒模型--边框(一)盒模型--边框(二)盒模型--宽度和高度盒模型--填充盒模型--边界元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:...原创 2018-11-21 22:22:24 · 139 阅读 · 0 评论 -
CSS格式化排版
目录 文字排版--字体文字排版--字号、颜色文字排版--粗体文字排版--斜体文字排版--删除线段落排版--缩进段落排版--行间距(行高)段落排版--中文字间距、字母间距段落排版--对齐文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{f...原创 2018-11-21 22:13:30 · 121 阅读 · 0 评论 -
CSS的继承、层叠和特殊性
目录 继承特殊性层叠重要性继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}<p>三年级时,我还是一个<sp...原创 2018-11-21 22:03:19 · 134 阅读 · 0 评论 -
CSS选择器
目录 什么是选择器?标签选择器 类选择器ID选择器类和ID选择器的区别子选择器包含(后代)选择器伪类选择符分组选择符什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器...原创 2018-11-21 21:57:09 · 164 阅读 · 0 评论 -
CSS样式基本知识
目录 内联式css样式,直接写在现有的HTML标签中嵌入式css样式,写在当前的文件中外部式css样式,写在单独的一个文件中三种方法的优先级内联式css样式,直接写在现有的HTML标签中CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。内联式css样式表就是把css代码直接写在现有...转载 2018-11-21 00:12:26 · 104 阅读 · 0 评论 -
开始学习CSS,为网页添加样式
目录 认识CSS样式CSS样式的优势 CSS代码语法CSS注释代码任务认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:p{ font-size:12px; color:red; font-weight:b...原创 2018-11-21 00:07:49 · 217 阅读 · 0 评论 -
与浏览者交互,表单标签
目录 使用表单标签,与用户交互文本输入框、密码输入框文本域,支持多行文本输入使用单选框、复选框,让用户选择使用下拉列表框,节省空间使用下拉列表框进行多选使用提交按钮,提交数据使用重置按钮,重置表单信息form表单中的label标签使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务...原创 2018-11-20 23:56:42 · 184 阅读 · 0 评论 -
认识标签(第三部分)
目录 使用标签,链接到另一个页面在新建浏览器窗口中打开链接使用mailto在网页中链接Email地址认识标签,为网页插入图片使用<a>标签,链接到另一个页面使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:<a href="目标网址" title="鼠标滑过显示的文本">...原创 2018-11-20 23:40:53 · 132 阅读 · 0 评论 -
认识标签(第二部分)
目录 使用ul,添加新闻信息列表使用ol,添加图书销售排行榜认识div在排版中的作用给div命名,使逻辑更加清晰table标签,认识网页上的表格用css样式,为表格加入边框caption标签,为表格添加标题和摘要使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。新闻列表图片列表这些列...原创 2018-11-20 23:31:26 · 183 阅读 · 0 评论 -
认识标签(第一部分)
语义化,让你的网页更好的被搜索引擎理解标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等。讲了这么多语义化,但是语义...原创 2018-11-20 23:04:23 · 273 阅读 · 0 评论 -
css样式设置小技巧
目录 水平居中设置-行内元素水平居中设置-定宽块状元素水平居中总结-不定宽块状元素方法(一)水平居中总结-不定宽块状元素方法(二)水平居中总结-不定宽块状元素方法(三)垂直居中-父元素高度确定的单行文本垂直居中-父元素高度确定的多行文本(方法一)垂直居中-父元素高度确定的多行文本(方法二)隐性改变display类型水平居中设置-行内元素我们在实际工作...原创 2018-11-22 14:19:22 · 253 阅读 · 1 评论