2018年12月_俗世凡人行

目录一:水平居中设置--行内元素二:水平居中设置--定宽块状元素三:水平居中设置--不定宽块级元素四:垂直居中--父元素高度确定的单行文本五:隐性改变display类型一:水平居中设置--行内元素1.我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素还是块状元素，块状元素里面又分为...

2018-12-26 01:19:59 269

翻译 CSS的单位和值------09

目录一:颜色值二:长度值一:颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色前面几个小节中经常用到的就是这种设置方法： p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，...

2018-12-26 00:42:32 83

翻译 CSS代码缩写，占用更少的带宽------08

目录一:盒模型代码简写二:颜色值缩写三:字体缩写一:盒模型代码简写盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置...

2018-12-26 00:33:17 112

翻译 CSS布局模型------07

目录一:CSS布局模型二:流动模型三:浮动模型四:什么是层模型五:层模型--绝对定位六:层模型--相对定位七:层模型--固定定位八:Relative(相对定位)和Absolute(绝对定位)组合使用一:CSS布局模型1.清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的...

2018-12-26 00:19:27 287

翻译 CSS盒模型------06

目录:一:元素分类二:元素分类--块级元素三:元素分类--内联元素四:元素分类--内联块状元素五:什么是盒模型六:盒模型--边框七:盒模型--宽度和高度八:盒模型--填充九:盒模型--边界序:盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。一:元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，...

2018-12-25 16:01:41 111

翻译 CSS格式化排版------05

目录:一.文字排版--字体二:文字排版--字体.颜色三:文字排版--粗体四:文字排版--斜体五:文字排版--下划线六:文字排版--删除线七:段落排版--缩进八:段落排版--行间距(行高)九:段落排版--中文字间距.字母间距十:段落排版--对齐序:详细介绍网页排版中主要格式化要素，帮助我们把CSS技术与网页编排紧密结合在一起，实现网页实用性与欣赏性...

2018-12-25 15:57:49 280

翻译 CSS继承.层叠和特殊性------04

目录一:继承二:特殊性三.层叠四:重要性一:继承 1.CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}<p>三年...

2018-12-25 15:53:59 80

翻译 CSS选择器------03

目录:一:什么式选择器二:标签选择器三:类选择器四:ID选择器五:类和ID选择器的区别六:子选择器七:包含(后代)选择器八:通用选择器九:伪类选择器十:分组选择器一:什么式选择器 1.每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式;}2.在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作...

2018-12-24 23:47:17 159

翻译 CSS样式的基本知识------02

目录:一:内联式css样式,直接写在现有的HTML标签中二:嵌入式css样式,写在当前的文件中三:外部是css样式,写在单独的一个外部文件中四:CSS样式三种方法的优先级一:内联式css样式,直接写在现有的HTML标签中 1.CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。2.内联式css样式表就是把cs...

2018-12-24 23:44:23 112

翻译 CSS为网页添加样式------01

目录:一:认识CSS样式二:CSS样式的优势三:CSS代码语法四:CSS注释代码一:认识CSS样式1.CSS是一个很神奇的东西，设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。2.CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。3.eg:...

2018-12-24 23:19:37 246

翻译表单标签,与浏览器交互——005

目录使用表单标签，与用户交互; 文本输入框、密码输入框; 文本域,支持多行文本输入; 使用单选框.复选框,让用户选择; 使用下拉列表框,节省空间; 使用下拉列表框进行多选; 使用提交按钮,提交数据; 使用重置按钮,重置表单信息; form表单中的label标签; 我们每天都在网上冲浪，如果没有表单，人们就无法输入自己的个人信息来买东西，本章节主要从表单的作用、表单元素讲起，...

2018-12-24 00:40:49 217

翻译 Html标签——004

目录:<a>标签,链接到另一个页面; 在新建浏览器窗口打开<a>连接; 使用mailto在网页中链接Email地址; <img>标签,为网页插入图片; 一:<a>标签,链接到另一个页面;1.使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。2.语法：<a hr...

2018-12-23 01:19:20 143

翻译 Html标签——003

目录：<ul>标签；无序列表; <ol>标签;有序列表; <div>标签;排版布局;认识<div>标签的作用; 给<div>命名,使逻辑更加清楚; table标签,认识网页上的表格; 用css给表格加入样式; <caption>标签,为表格添加标题和摘要一:<ul>标签1.使用ul，添加新

2018-12-23 00:22:42 158

翻译 Html标签——002

目录：标签的用途； <body>标签； <p>标签； <hx>标签； <strong>和<em>标签； <span>标签； <q>标签； <blockquote>标签； <br />标签； &nbsp;空格标签； &am

2018-12-22 19:36:48 233

翻译 Html介绍——001

目录：一：Html和CSS的关系：二：Html的一些标签：三：Html标签的一些语法：四：认识html文件的基本结构：五：认识head标签六：了解HTML的代码注释：一：Html和CSS的关系：学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网...

2018-12-21 23:51:07 338