- 博客(8)
- 收藏
- 关注
RSS订阅原创 前端总结8
水平居中设置-行内元素行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码：html代码：<body><div class="txtCenter">我想要
2020-11-02 21:58:47
137
原创 前端总结7
弹性盒模型之flex属性上面的代码：三个块元素设置大小以及背景色，在父容器中添加flex。技术点的解释：1、设置display: flex属性可以把块级元素在一排显示。2、flex需要添加在父元素上，改变子元素的排列顺序。3、默认为从左往右依次排列,且和父元素左边没有间隙。使用justify-content属性设置横轴排列方式justify-content: flex-start | flex-end | center | space-between | space-around;fl
2020-11-02 21:43:04
104
原创 前端总结6
css布局模型在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动模型先来说一说流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div
2020-11-02 18:15:56
125
原创 前段总结5
使用font-family设置字体系列body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码：body{font-family:"Microsoft Yahei";}或body{font-family:"微软雅黑";}注意：第一种方法比第二种方法兼容性更好一些。因为这种字体即
2020-11-02 17:19:51
174
原创 前端总结4
标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：p{font-size:12px;line-height:1.6em;}上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。<!DOCTYPE html><html><head> <meta charset="UTF
2020-11-02 17:09:29
120
原创 前端总结3 css
为网页添加样式CSS样式1.CSS全称为“层叠样式表 ，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。2.使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。CSS代码语法css 样式由选择符和声明组成，而声明又由属性和值组成1.选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。2.声明：在英文大括号“｛｝”中的的就是声明，
2020-11-02 16:41:30
96
原创 前端总结2
使用表单标签，与用户交互 - 使用创建表单1.form：标签是成对出现的，以form开始，以/form结束。2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method ： 数据传送的方式（get/post）文本输入框、密码输入框1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。2、name：为文本框命名，以备后台程序ASP 、PHP使用。3、value：为文本输入框
2020-10-31 23:02:11
352
原创 前端总结1
HTML与css使用说明书-标签的语法标签由英文尖括号<和>括起来，如就是一个标签。html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。标签与标签之间是可以嵌套的，但先后顺序必须保持一致。HTML标签不区分大小写，但建议小写，因为大部分程序员都以小写为准。html5文档结构!DOCTYPE html:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于html标签之前。认识h
2020-10-31 22:35:45
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人