分类: 前端

之前断断续续接触过前端相关知识,做过网站,但是没有系统的学过,只会套模板,很生硬地修改样式,有很多不懂的地方。现在开始,想要较为系统的学习,希望能坚持更新前端方面的文章。

19 篇文章

CSS学习(五):元素显示模式和元素背景设置
1. CSS的元素显示模式 1.1 什么是元素显示模式 什么是元素的显示模式?元素的显示模式就是元素(标签)以什么方式进行显示,比如div 独占一行,一行可以放置多个span。HTML元素一般分为两大类块元素和行内元素,块元素会独占一行,行内元素可以一行放置多个。 1.2 块元素 常见的块元素有h1-h6,p ,div ,ul,ol,li等,其中d…
CSS学习(四):CSS复合选择器
1.什么是复合选择器 在CSS中,可以根据选择器的类型把选择器分为基础选择器 和 复合选择器, 复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的。基础选择器的相关知识可以参考之前的博客。 复合选择器是由两个或多个基础选择器,通过不同的方式组合形成的,主要包括:后代选择器 ,子选择器 ,并集选择器 和 伪类选择器。 2. 后代选择器 后代…
CSS学习(三):CSS引入方式
1.内部样式表(嵌入式) 内部样式表 是写到html页面内部。是将所有的CSS代码抽取出来,单独放到一个style标签中。 <style> div { color:red; font-size:20px; text-indent:2em; } </style> 个人练习经常用,开发不常用。 2.行内样式表(行内式) 行内样式…
CSS学习(二):字体属性和文本属性
1. 字体属性 CSS font属性用于定义字体系列,大小,粗细和文本样式。 1.1 字体系列 CSS使用 font-family属性定义文本字体系列,一般来说建议使用默认字体。 <style> p { font-family: "微软雅黑"; } body { font-family: "微软雅黑&quo…
CSS学习(一):基础选择器
1. CSS基本简介 CSS 是层叠样式表(Cascading Style Sheets) 的简称,有时我们称之为CSS样式表或级联样式表。 CSS 也是一种标记语言,主要用于设置页面中的文本内容(字体、大小、对齐方式)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 HTML 呈现结构,CSS 决定样式,通常的编程规范是结构和…
HTML的常用标签简介
1.HTML 常用简单标签 1.1 标题标签h1-h6 <h1>标题标签</h1> <h1>标题一共六级选,</h1> <h2>文字加粗一行显。</h2> <h3>由大到小依次减,</h3> <h4>从重到轻随之变。</h4> &…
前后端数据交互方式总结
本文给出的例子均以flask和python为基础,本人也还处于学习阶段,可能会有错误或者不全的地方,请见谅。 一、前端向后端发送数据 1.1 form表单 前端代码如下: <form class="form-box" id="loginForm" name="frmlogin" ac…
VUE的简单使用
前言 vue是一个前端渐进式框架,用其开发的前端组件很方便项目后期的管理,本人也处于学习的阶段,主要是利用完成前后端数据的交互以及前端数据的双向绑定,因此本文并不包括vue前端组件的开发。 一、引入vue 本质上来说vue是一个javascript文件,你可以从从网上下载vue的源码保存为vue.js文件,然后放在web项目中存放js文件的目录下。…
使用Pycharm社区版完成Flask环境的搭建
前言 提示:Pycharm专业版可以直接新建一个Flask项目,个人觉得自动生成的项目目录划分并不是特别完善,个人建议还是手动新建一个Flask项目更加合适。 一、目录大致结构 首先在sporting_goods项目下新建一个sporting_goods(命名无特殊要求)的==Python package==,然后在新建的==Python pack…