web前段入门级教学

                 学习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;}







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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容