美文网首页
web前段入门级教学

web前段入门级教学

作者: 周周很可爱 | 来源:发表于2019-05-30 09:26 被阅读0次

                 学习web前段初级

学习web前段,要先从HTML和CSS学起,HTML简单来说就是文本内容,而CSS则是我们给这个文本所加的样式,我们要使HTML里面的每个文本都单独存在,就需要给它设置一个一个的小盒子,这就是块级元素的由来,可以理解为HTML是一个母亲,而块级元素是她的孩子,每个孩子都是独立存在的,有属于自己的样式,块级元素简单常见的有<div></div>盒子标签,<p></p>段落标签,无序列表<ul></ul>,有序列表<ol></ol>等等。

接下来我来给大家简单演示一下,打开软件,在文件夹里分别创建HTML和CSS两个文件夹,在HTML里再创建以.html为后缀的文件,再在CSS里面创建以.css为后缀的文件,像下图一样

在day2.HTML里面我们可以写文本内容,我们要先敲出一个底层代码,常按住shift键,再按感叹号,会出现一个感叹号,再按enter就可以啦。

然后在body里面写文本内容,,在CSS里面写样式

样式的书写:1.行内样式在盒子后边直接接style设样式

2.内嵌样式 给盒子起名字在<head>前边接所起的名字然后接{样式}

3.外链样式在<head>前边接link引入css文件,在css文件里给标签设立样式  下面几张图片演示一下

1. 

2[if !vml]

3

1.无序列表和有序列表里面都要加小盒子<li></li>表示列表   在<li></li>中间加列表内容

如果要去除列表前面的序号可以在样式里写li{list-style:none;}

经过简单的学习,下面是我排的版,平时可以多看这些网页,思索程序员排版的思路,学习和借鉴优秀的程序员

相关文章

  • web前段入门级教学

    学习web前段初级 学习web前段,要先从HTML和CSS学起,HTML简单来说就是文本内容,而CSS则是我们给...

  • Web前段开发教学【HTML简介】

    HTML5 简介 学习导航 通过了解HTML漫长的发展简史,理解以往的的HTML规范存在的问题,更好的理解HTML...

  • web前段全套

    【web前端全套】链接:https://pan.baidu.com/s/16K9bdHmXf4EEWBtsSH9r...

  • web前段基本标签

    html结构: 字符编码集 网页的命名 头部 身体 快速生成html结构:!或 html:5 双标签: p 段落...

  • http协议入门

    入门级教学推荐查看阮一峰的教学,写的很不错网址连接为

  • web前段基础知识整理

    一.段落标签1. align对齐属性值: 值 描述left ...

  • hacknet完整攻略

    学习web安全总是有点枯燥的,不如玩点游戏,今天推荐的是hacknet,对于入门级新手,绝对是打开web安全...

  • 前端学习网站

    1. 主要网站 文档查询:MDN web docs 入门级别:Runoob 实践: imooc 体验新技术:极客学...

  • 2018-07-08--WEB前段基础

    :强制换行标记。让后面的文字、图片、表格等等,显示在下一行。· :换段落标记。换段落,由于多个空格和回车在HTML...

  • web worker实现前段多线程执行

    web worker实现前段多线程执行

网友评论

      本文标题:web前段入门级教学

      本文链接:https://www.haomeiwen.com/subject/hvnptctx.html