请叫我大虾的博客_前端

sublime text使用小技巧

一. 每次打开Sublime Text ,如果弹A new version of Sublime Text 2 is available, download now？的对话框? 通过如下设置,即可取消弹框. 设置办法：Preferences -> Settings-User and add there: "update_check": false 翻译过来就是...

html

侧边栏

数据

文件名

首选项

原创 2021-08-24 15:54:35 917 阅读

前端一HTML:四: html标签

html标签简单说就是被"<>'括起来的就是标签。 H系列标签. 作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.P标签:段落标签将某行文字以段落形式显示。<p>这是一段文字</p>hr标签:在页面上显示一条横线.默认占整行<hr/>br标签: 换行<...

html

删除线

a标签

下划线

绝对路径

原创 2021-08-24 15:45:49 126 阅读

前端一HTML:一: 浏览器,服务器,请求报文

当我们在浏览器的地址栏中输入访问的网站地址后,浏览器就会发送请求,到服务器.服务器接受并处理以后,将处理的结果返回到浏览器. 浏览器与服务器通过请求,响应进行交互.相当于一个人(浏览器)向另一个人(服务器)要某些东西. url解析 ...

服务器

地址栏

原创 2021-08-24 15:44:32 230 阅读

前端一HTML:二: html开发工具

sublime text, webstrom Httpwatch, 浏览器的开发者模式以下为猎豹浏览器的开发者模式,可以很方便的查看请求头,响应头信息

开发者模式

响应头

请求头

前端

原创 2021-08-24 15:42:47 101 阅读

前端一HTML:三: 浏览器页面的本质-html，html语言规则

浏览器页面上只有一句,但实际的html文件不止一句代码。浏览器所做的事情就是将服务器响应回来的response进行从上到下的解析(渲染) ,将最后的结果显示出来.html:在浏览器上运行的一种脚本语言.html结构: <html> <head> <title></title> </head>...

html

服务器

脚本语言

不区分大小写

前端

原创 2021-08-24 15:42:45 88 阅读

前端一HTML:五: 文档结构介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><

html

xml

3c

html标签

a标签

原创 2021-08-24 15:42:41 70 阅读

前端一HTML:六:标签的关系,分类

并列关系嵌套关系: 1. 子结点 2. 后代关系标签的分类：双标签也叫容器标记, 单标签也叫空标记

结点

嵌套

前端

原创 2021-08-24 15:42:39 200 阅读

前端一HTML:七:css初步认识

css初步认识:1. css的存放位置:放在title标签下面2. 所有的样式都放在同一个标签中<style></style>3. 在style标签中放入对应样式了解css: css: cascading style sheets层叠样式表。作用: 用来给页面添加样式的。<!doctype html><htm...

css

html

键值对

层叠样式表

选择器

原创 2021-08-24 15:42:37 227 阅读

前端一HTML:八:css中与文本相关的属性

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">

html

css

取值

前端

原创 2021-08-24 15:42:35 72 阅读

前端一HTML:九:css中颜色的表示

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">

html

css

取值

十六进制

前端

原创 2021-08-24 15:42:33 90 阅读

前端一HTML:十:选择器

1. 标签选择器: 根据指定的标签名给对应标签的元素设置属性.<style type="text/css"> 标签名{ 属性名1 : 属性值1 属性名2 : 属性值2 ... }</style>2. 类(class)选择器:根据类名给对应标签设置样式。<style type="text/css"> .类...

html

属性值

类名

css

选择器

原创 2021-08-24 15:42:31 42 阅读

前端一HTML:十二:元素查找过程的详解

后代选择器查找原理<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .father p{ ...

html

选择器

css

前端

原创 2021-08-24 15:42:29 102 阅读

前端一HTML:十一:其他选择器

1.通配符选择器:作用域页面上的所有标签<style type="text/css"> *{ 属性名1 : 属性值1 属性名2 : 属性值2 ... }</style>通配符选择器在进行选择的时候,会去遍历页面上的所有标签，并且给这些标签设置对应的属性。这样一来，性能就比较低。<!doctype html&g...

html

选择器

css

属性值

并集

原创 2021-08-24 15:42:27 39 阅读

前端一HTML:十三:css的三大特性

1. 继承给父元素设置一个属性，然后子元素可以使用. 凡是以 line-,text-,font-开头的属性都是可以继承。2. 层叠是页面处理冲突属性的一个能力如果两个选择器为同一个元素设置了不同的属性，它们会同时作用于这个元素。如果两个选择器为同一个元素设置了相同的属性，它们会发生层叠。(层叠的结果跟优先级有关系)<!doctype ht...

html

选择器

优先级

css

前端

原创 2021-08-24 15:42:25 134 阅读

前端一HTML:十七:背景

background-color: 背景颜色 background-image: 背景图片(默认是平铺图片)background-repeat: 是否平铺background-position: 背景图片的位置 1. 取值--方位名词: top上, bottom下, left左, right右, center中 bac...

html

背景图片

背景颜色

取值

前端

原创 2021-08-24 15:42:23 52 阅读

前端一HTML:二十一与文本相关的属性

1. text-align: 作用：设置文本的排序方式取值: center居中 left:靠左 right:靠右2. text-decoration: 作用：一般用于将a标签的下划线去掉3.text-indent 作用：用于设置文本的缩进<!doctype html><html lang="en"...

html

缩进

a标签

下划线

div居中

原创 2021-08-24 15:42:21 57 阅读

前端一HTML:二十二元素显示方式案例

1. 块级元素单独占一行，高度不设置默认为0，如果有内容，高度会被内容撑开。 display:block2. 行内元素一行可以有多个，不能设置宽高。 display:inline3.行内块级元素一行内可以显示多个，可以设置宽高。 display:inline-block<!doctype html&...

html

宽高

块级元素

行内元素

前端

原创 2021-08-24 15:42:19 33 阅读

前端一HTML:二十三行高的介绍,行高的单位

行高的介绍line-height 作用:设置文本的行高应用:将文本的行高设置为容器的高度,这样可以将文本在容器中垂直居中。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti...

html

属性继承

5e

数值计算

数据

原创 2021-08-24 15:42:17 101 阅读

前端一HTML:二十四伪类

类选择器作用:是用来给对应的类标签设置样式。伪类也是给对应的标签设置样式。伪类选择器的样式要显示出来，这个标签就必须具备对应的条件。a:link 设置元素没有被访问过的样式。如果已经点击了一次，那么将来这个伪类中的样式将不会再被显示。a:visited 设置元素被访问过的样式如果这个元素已经被点了一次，那么将来这个伪类中的样式会一直显示...

html

鼠标悬停

a标签

伪类选择器

选择器

原创 2021-08-24 15:42:15 50 阅读

前端一HTML:二十五盒子模型

html页面上的每一个元素都是一个盒子。万物皆盒子。盒子的组成: content, Padding, border, margin盒子的外壳: border 1. border-width: 设置边框宽度 2. border-style: 设置边框样式 solid:实线 3. border-color: 设置边框...

html

html页面

实线

前端

原创 2021-08-24 15:42:13 68 阅读

前端三十四:内嵌框架

<table width="700px" border="1"> <tr> <td width="100px"> <a href="实体.html" target="main">实体</a> <br/> <a hre...

html

表单

前端

原创 2021-08-24 15:42:12 124 阅读

前端三十五:图片的基本概念

位图图像:由屏幕上的像素点来描述图像。放大失真，会出现马赛克模糊。矢量图形: 使用线段和曲线描述图形，所以称为矢量。放大不会失真。分辨率: 单位长度上的像素数。通常以"像素/英寸"。网站默认尺寸单位为像素。...

位图

矢量图

像素点

前端

原创 2021-08-24 15:42:10 71 阅读

前端一HTML:十四: important

一个选择器可以作用于很多个标签上,一个标签也会被很多个选择器作用.!important 属性不能被继承作用: 将对应选择器的优先级设置为最高级<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title&g...

html

选择器

优先级

css

干货

原创 2021-08-24 15:26:59 64 阅读

前端一HTML:十五: 权重的比较

如果选择器混合使用,那么如何确定我们的优先级? 通过权重进行比较. 那么如何计算权重呢? 通过数标签来计算。先数id选择器的个数,再数类选择器的个数,最后数标签选择器的个数. id选择器个数不相等,那么个数多的权重就大,如果个数相等就比较类选择器个数是否相等(个数多的, 权重就大)，最后比较标签选择器个数是否相等(个数多的, 权重就大).&...

选择器

权重

html

css

优先级

原创 2021-08-24 15:26:56 66 阅读

前端一HTML:十五: 层叠,权重,优先级的关系

层叠是css的一个特性,如果两个相同的属性作用于同一标签，它们会发生层叠。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/cs...

选择器

html

优先级

css

权重

原创 2021-08-24 15:26:48 50 阅读

前端一HTML:十六: 权重有关的练习

练习一:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content="权重,练习"> <meta name="description" content="对网站的描述">...

选择器

html

权重

css

干货

原创 2021-08-24 15:26:45 71 阅读

前端一HTML:十九继承的特殊性

1. a标签的颜色a标签的颜色是不会从父元素继承过来，如果要设置a标签的颜色，必须要直接指定。如下: 必须直接指定a标签的颜色。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...

html

a标签

宽高

干货

原创 2021-08-24 15:22:26 111 阅读

前端一HTML:十八:元素的显示方式

1. 块级元素特点: 单独占一行, 可以给这个元素设置宽高。 div, p, h1(h2,系列标签), ul,li, ol, dl标签都是块级元素标签。显示方式: display: block;如下: 有两个div块,每个div的宽高都是200px,但由于div是块级元素标签，即使设置了宽，还是单独占了一行。 <!do...

html

显示方式

块级元素

宽高

行内元素

原创 2021-08-24 15:22:20 77 阅读

前端一HTML:二十CSS的三种存在方式

1. 行内样式(存在于标签之中,用style属性设置)<p style="color:red">这是内容</p>2. 嵌入样式(也称内联样式, 存在于title标签之下的style标签之中)<style type="text/css"> p{ color: red; }</style...

css

外部样式

html

属性设置

服务器

原创 2021-08-24 15:22:00 57 阅读

前端二十七:四彩边框

单独为每一条边框设置对应的属性<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width...

html

干货

原创 2021-08-24 15:21:58 105 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客