美文网首页
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前段入门级教学

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