![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
我要糖
这个作者很懒,什么都没留下…
展开
-
前端开发HTML+CSS之基础篇(一)
前端开发不仅是网页制作,其主要工作是开发用户操作界面,即不仅要设计出复杂炫酷的页面,又要贴合于用户的使用体验,还要配合服务器新的内容的开发,同时对于不同的设备,我们还要解决适配兼容问题,故我们就需要一定的开发技术 而HTML,CSS和Javascript作为前端开发的三大核心技术,我们需要有一定的扎实基础,该系列博客作为入门和了解的教程一、HTML超文本标记语言HTML就是用...原创 2019-08-05 17:37:32 · 370 阅读 · 0 评论 -
前端开发HTML+CSS之基础篇(二)
在对HTML的一些基本用法有了一定的了解之后以及为了进一步对我们的网页进行优化,我们需要掌握CSS的基本语法以及选择器和样式冲突的解决方法在进行正式的CSS编写之前,我们有两种方法将CSS模块的内容与我们的HTML文件进行联系法一:直接在我们的HTML文件中进行CSS模块内容的编写,这样会导致HTML文件内容过大,修改比较麻烦,但是会涉及到优先级的问题法二:将CSS文件与HT...原创 2019-08-05 22:19:42 · 307 阅读 · 0 评论 -
前端HTML+CSS之网页排版(三)
在对HTML和CSS有了一定的了解和结构之后,我们需要知道真正在网页排版中如何设定其属性值,如何得到我们想要的字体,文本以及背景属性的设置 在正式说网页排版之前,由于我们需要在对每次代码修改之后看一下页面效果,每次自动刷新页面会比较的麻烦,所以我们有一个小技巧,在网页中菜单栏 – 工具 – 自动刷新 – 勾选5秒这样页面就会自动每过5秒刷新一次一、字体属性字体包括字体的风...原创 2019-08-06 11:52:01 · 2110 阅读 · 0 评论 -
前端开发HTML+CSS之盒子模型(四)
在了解了最基本和最简单的网页制作之后,我们需要开始关注细节问题,比如我们期望的背景和文本的分布问题,如何才能达到我们预期的效果,如何更加的美观,如何让用户具有更好的体验感受,才是我们更加需要关注的 故我们开始讲解盒子模型,也就是一个块内的分布以及块外的布局的逻辑关系 同时在开头介绍一个小技巧,刚设计网页的盒子模型时,你可能不能正确的设计外边距,内边距,导致一些块之间的距离...原创 2019-08-06 15:32:33 · 588 阅读 · 0 评论 -
前端开发HTML+CSS之列表 超链接(五)
在学习上面一部分之后我们可能就会有越来越多的问题和疑惑需要解决,比如,如果我想把一堆的同类型的在最顶上作为一横排放在导航,或者一竖排放在最左侧,我们现在的知识还不能解决这些东西,那么我们就需要好好利用列表 同时,我们现在做的只是一个简单的界面,并不能实线任何功能,那样怎么样才能实现网站的链接,实现可以点击并且点击之后可以得到我们想要的界面呢一、列表前面提到过列表有有序和无序,...原创 2019-08-06 16:55:58 · 1620 阅读 · 0 评论 -
前端开发HTML+CSS之网页表格(六)
表格以行列的形式将数据罗列出来,结构紧凑,数据直观,当组织数据较多时,就需要用到表格 表格在网页中有两个作用: 一是布局网页内容 二是组织相关的数据一、表格概述一个表格包含行,列和单元格三个组成部分表格内容分为三个区域:表格页眉,表格主体,表格页脚表格页眉:存放表头内容表格主体:存放数据表格页脚:存放一些注脚内容,汇总数据等一些标签标签...原创 2019-08-06 22:28:26 · 669 阅读 · 0 评论 -
前端开发HTML+CSS之文档排版 浮动(七)
在对于单个的模块我们已经可以设置好其内部的布局元素了,那我们就需要开始布置网页上分布着的大量的盒子 在CSS2种盒子有三种排版模型,即标准流排版,浮动排版和定位排版,同时在CSS3中增加了flex排版浮动排版和定位排版都是通过更改元素的默认排版来获得的,而元素默认排版称为标准流排版一、标准流排版标准流排版是指在不使用其它与排列和定位相关的CSS规定时,各种页面元素默认的排列...原创 2019-08-07 12:43:12 · 471 阅读 · 0 评论