前端开发
Jungle和
这个作者很懒,什么都没留下…
展开
-
Educoder-HTML入门——文本(一)
HTML链接:带超链接的网页概念超链接是网页互连的核心,网页之间通过超链接连接在一起。我们使用<a>标签定义超链接。一个简单的例子如下:<a href="https://baidu.com">百度搜索</a>点击a元素内容后打开百度搜索网页。其中,href属性指定了超链接的目标,本例中即跳转到百度。属性href 属性;hr...原创 2019-07-24 17:10:52 · 2377 阅读 · 1 评论 -
CSS从入门到精通——背景样式
背景色我们可以使用background-color为元素设置背景色,通常属性值为颜色名称或颜色编码。因为HTML文档中body元素包含了HTML文档的所有内容,所以如果要改变整个页面的背景颜色,只需要设置body元素的background-color属性。<!DOCTYPE html><html><head> <meta charse...原创 2019-07-31 19:41:01 · 1164 阅读 · 0 评论 -
CSS从入门到精通——基础选择器(三)
id选择器id选择器与我们上一关中学习的类选择器类似,但在使用上有不同。使用类选择器时,指定一个元素属于某类,使用的是关键字class,例如:<body> <h1 class="important">温馨提示</h1> <p>少一串脚印,多一份绿意。</p></body>而在使用id选择器时,使用的...原创 2019-07-31 18:16:00 · 373 阅读 · 0 评论 -
CSS从入门到精通——基础选择器(二)
类选择器类选择器允许以一种独立于文档元素的方式来指定样式。通常情况只希望应用样式,而不考虑具体的元素时,会使用类选择器。例如,对于HTML页面:<body><div class="main"> <article class="news"> <h1>地震自救指南</h1> <p>大的晃动时间约...原创 2019-07-31 18:08:58 · 504 阅读 · 0 评论 -
CSS从入门到精通——基础选择器(一)
元素选择器最常见和易理解的CSS选择器是元素选择器,又称为类型选择器。也就是将HTML文档中的元素,直接作为选择器使用。例如对于HTML页面:<body> <h1>标题1</h1> <h2>标题2</h2> <p>普通段落中<a href="#">删除的引用。</a></...原创 2019-07-31 17:40:22 · 546 阅读 · 0 评论 -
CSS从入门到精通——基础知识
一个简单的实例首先,我们来下一个简单的实例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello World</title> <style type="text/css"> body ...原创 2019-07-31 12:41:58 · 2732 阅读 · 1 评论 -
Educoder-HTML入门——文本(三)
HTML表格:日常消费账单表格展示网页在日常生活中财务报表、日历等,都常使用表格展示。通常,表格数据都由行和列组成。最基本的表格在HTML表中,一个表格(table)由行(tr)组成,每一行由单元格组成,单元格有标题单元格(th)和数据单元格(td)。一个最基本的表格如下:<body> <table> <!-- 第一行 -...原创 2019-07-31 12:03:39 · 950 阅读 · 0 评论 -
Educoder-HTML入门——基础
有兴趣的孩子可以戳——https://www.educoder.net先简单举个栗子:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>自我简介</title> <meta name="description" con...原创 2019-07-24 15:21:08 · 7446 阅读 · 0 评论 -
Educoder-HTML入门——文本(二)
HTML标题与段落:网络文章网页分级标题HTML 提供了六级标题用于创建网页信息的层级关系。<h1>定义重要等级最高的标题,之后<h2>到<h6>层级依次递减。举例如下:<body> <h1>书籍标题</h1> <h2>第一章</h2> <h3>第...原创 2019-07-31 12:31:01 · 894 阅读 · 0 评论 -
CSS从入门到精通——背景样式(续)
显示效果如图:本例中,设置right top代表放置在元素内边距区的右上角。对于具体位置,大家可以使用如下关键字的组合:属性值 top left top center top right center left center center center right bottom left bottom center bottom right ...原创 2019-07-31 19:45:20 · 1442 阅读 · 0 评论