即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点：一：! 声明，注意的意思；doc document 文档的意思；type 类型的意思；html就不用解释了；连在一起的意思就是：注意，文档的类型是HTML。也就是声明你写的文件的文档类型，方便浏览器解析。二：声明代码的编码...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置但凡是浏览默认的样式，都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素块元素的特征:1.默认独占一行；2.没有宽度时，默认撑满一排；3.支持所有...
每个学习编程语言的程序员，都必须要学习的是HTML和CSS，它们并非是编程语言，而是标记语言。前者是用来添加网页的结构，后者则是样式，用来修饰美化HTML结构的。本篇文章我们着重讲的是有关css的学习方法。想学好css，首先就是要学习手册推荐学习CSS 在线手册。学习完手册，接下来就可以学习实例教程推荐学习CSS 0基础入门教程比较适合新手学习。下面来看下学习步骤：1.CSS规则。伪类的语法：selector:pseudo-class {property:val...
1. css样式的优先级 在html中使用css样式，很很多种方法有<link href="ho.css" rel="stylesheet" type="text/css" />外部引用方法有 直接从<head></head>标签中 写控制html的CSS样式语句可以直接在想要控制的 标签当中直接写入css来控制优先级的话：浏览器默认样式 最低外部引用样式 其次head标签中 第二想要控制的标签中 优先级最高2.可以将选择器组合起来h1,h2,h3,h4,h5{color:green}中间需要用，号来分隔 这样他们就会有...
1.margin的百分比值普通元素的百分比maigin相对于容器元素的宽度(width) 进行计算的。这里我们在图片外面设置一个宽高分别为800 * 600的容器。设置img{ margin: 10%; }结果如下 结果margin值都是 800 * 10% = 80px; 所以这里都是相对于容器的宽度计算的 容器的宽度计算 容器的宽度计算。说三遍2.绝对定位的百分比maigin值 相对于第一个定位的祖先元素的 width值计算的。就是 parent 的 width = 1000px. 所以 margin = 100px；...
1.html基本知识 HTML 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。1.元素（Element） 开始标签+内容+结束标签 便是一个完整的元素。 但是空元素只有开始标签，例如：元素 < img > 是用来在元素 < img > 所在位置插入一张指定的图片。 < img src=“图片地址源” > 2.嵌套元素 可以把元素放到其它元素之中——这被称作嵌套。 例如：< p >我爱我的< strong >祖国< /strong >< /p > 这里使用 < strong > 标签，来...
HTML 部分 HTML基础知识 1、 HTML简介 HTML(Hypertext Markup Language)，超文本标记语言，HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language，标准通用标识语言)中的一个子集演变而来的。 2、 HTML的标记组成 HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来，而且是成对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的...
CSS 一.概念 css：层叠样式表，相当于皮肤，提高了可维护性，样式与内容分离。 二.CSS与HTML结合的三种方式：内联式、嵌入式、外部式 1.嵌入式（Embedding）：使用HTML的style元素，在文档中定义CSS样式<head> <style type="text/css"> h1{color:red} p{color:blue} </style> <head> 2.内联式（Inline）：每一个HTML元素都包含一个style属性，可以直接定义样式。该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。...
1、css重用 <style> 如果整个页面的宽度 > 900px时： { .c{ 共有 } .c1{ 独有 } } .c2{ 独有 } </style> <div class=c c1></div> <div class=c c2></div> 2、自适应 和 改变大小变形 ...
1、鼠标移上去变成手型、禁用 手型：在元素的style属性中添加 cursor:pointer 即可 禁用：在元素的style属性中添加 cursor:no-drop或者 cursor:not-allowed 即可 2、样式绑定 :style="index % 2 == 0 ? 'margin-right:20px' : ''"3、字符间距 letter-spacing来设置字与字间距_字符间距离，字体间距css样式 4、VUE双击事件 <li @dblclick="getInfo"></li>5、平均分配 display: flex;align-items: center;编译之后的效果很明显，界面...
CSS样式是表现（层叠样式表）用于定义HTML内容在浏览器内的显示样式 简化HTML相关标签，网页体积小，下载快 解决内容与表现分离的问题，更好地维护网页，提高工作效率CSS使用方法区别@import要写在style标签内,例如 <style type = "text/css"> @import url(name.css)</style> <style type = "text/css"> @import "name.css"</style> 一般使用链入外部样式，好处是css和html分离 多个文件可以使用同一个样式文件 多文件引用同一个...
在css的学习过程中，水平垂直居中的的布局可以说是随处可见。下面就是本人在学习过程中了解到的关于css水平垂直居中的布局 1.布局前的准备工作 首先我们我们需要有两个div的嵌套，并且给这两个div分别给上类名。 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.parent-base {width: 800px;height: 800px;border: 2px solid palevioletred;}.child-base {width: 200px;height: 200px;b...
基本概念这些基本概念有些可能不易理解但却都很重要，如果看完还是很不理解的话需要自己谷歌或百度，网上关于这些概念的文章不少。流“流”又叫文档流，是css的一种基本定位和布局机制。流是html的一种抽象概念，暗喻这种排列布局方式好像水流一样自然自动。“流体布局”是html默认的布局机制，如你写的html不用css，默认自上而下（块级元素如div）从左到右（内联元素如span）堆砌的布局方式。块级元素和内联元素这个大家肯定都知道...
布局1. 盒模型重置盒模型重置，使盒子的宽度和高度不受其边框(border)或填充(padding)的影响。HTML<div class="box">border-box</div><div class="box content-box">content-box</div>CSShtml { box-sizing: border-box;}*,*::before,*::after { box-sizing: inherit;}.box { display: inline-block; width: 150px; height: 150px; padding: 10px; background: tomato; color: white; border: 10px solid red;}.content-b...
CSS核心概念和知识点 语法 css的核心功能是能够将css属性设定一个特定的值，一个属性与值的键值对被称为声明 color:red;而如果是用{}来声明多个的话，就形成了一个声明块 {font-size:20px;color:red; }声明块如果需要用到对应的HTML元素，必须加上选择器，选择器和声明块组成了CSS 规则集，简称为 CSS 规则效果：其实规则中的最后一条声明可以省略分号，但是并不建议这么做，因为这样很容易出粗css注释 /* 单行注释 */ /*多行注释...