徐海.-优快云博客

原创 CSS定位

定位我们想要一些元素在页面滚动的情况下依然显示在他原来的位置我们就要使用定位来做定位的组成将盒子定在某一个位置，定位也是在摆放盒子，按照定位的方式移动盒子定位=定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置定位模式通过CSS的position属性来设置，其值可以分为四个值语义static静态定位relative相对定位absolute绝对定位fixed固定定位边偏移移动盒子到最终位置。有top，

2020-08-09 23:34:58 133

原创 CSS的浮动

网页布局的三种方式普通流(标准流)、浮动、定位普通流(标准流、文档流)就是标签按照规定好的默认方式排列，但是只用普通流很难实现一些网页漂亮的效果，所以我们一般三种方式一起使用来给网页布局浮动可以让多个块级元素一行内排列显示网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘语法选择器{float:属性值;}属性值说明none元素不浮动(默认值)l

2020-08-07 17:27:59 169

原创 CSS盒子模型

盒子模型盒子模型：把HTML页面中的布局元素看作是一个矩型的盒子，也就是盛装内容的容器包括：边框(border)，外边距(margin)，内边距(paddig)，实际内容(content)边框(border)边框的组成：边框宽度，边框样式，边框颜色border : border-width || border-style || border-color;属性作用border-width定义边框的粗细，单位pxborder-style边框的样式（solid[实线],

2020-08-07 09:22:55 236

原创 CSS的三大特性

CSS的三大特性CSS有三个非常重要的三个特性:层叠性，继承性，优先级层叠性样式冲突，遵循的原则是就近原则，哪个样式离得近就执行哪个样式不冲突不会层叠继承性子标签可以继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业行高的继承body { font:12px/1.5 Microsoft YaHei;}行高可以跟单位也可以不跟，如果子元素没有设置行高则会继承父元素的行高为1.5 ,行高=当前子元素文字大小*1.5优先级选择器选择器权重继承或者 *

2020-08-05 01:07:50 141

原创 CSS的背景

背景背景颜色：background-color:颜色值 ; 默认值为透明的背景图片background-image:url(图片地址); 默认值为没有背景图none;背景平铺background-repeat:属性值;(repeat[平铺，默认值],no-repeat[不平铺],repeat-x[沿着x轴平铺]，repeat-y[沿着y轴平铺])页面元素既可以添加背景颜色也可以添加背景图片，只不是背景图片会压住背景颜色背景图片的位置background-position: x y;参

2020-08-04 23:47:38 262

原创 CSS二(复合选择器)

复合选择器复合选择器可以更准确、更高效的选择目标元素(标签)由两个或多个基础选择器，通过不同的方式组合而成复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等后代选择器又称包含选择器，可以选择父元素里面子元素语法:元素1 元素2 {样式声明}例如：ul li {样式声明;}//选择ul里面所有的li标签元素元素1和元素2 中间用空格隔开元素1是父级，元素2是子级，最终选择的是元素2元素2可以是儿子，也可以是孙子等，只要是元素1的后代即可 ul li a{}元素1 和元素

2020-08-04 00:40:12 216

原创 Emmet语法

Emmet语法提高html/css的编写速度快速生成HTML结构语法生成标签直接输入标签名按tab键即可比如 div 然后tab键，就可以生成<div></div>

2020-07-30 22:14:03 94

原创 CSS(一)

CSS语法：主要的部分构成：选择器以及一条或多条声明<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 选择器{样式} 给谁改样式{改成什么样式} */ p { color: red; font-size: 12px; } </styl

2020-07-30 17:45:05 423

原创 HTML基础标签(下)

表格标签表格是用来展示数据的<table> <tr>//行标签 <th>表头（默认加粗居中）</th> ... </tr> <tr> <td>单元格里面的文字</td>//数据标签 ... </tr> ...</table>表格的属性属性名属性值描述alignleft,center,right规定表格相对周围元素的对齐方式

2020-07-29 00:36:15 112

原创 HTML基础标签(上)

HTML语法规范基本语法HTML标签是由尖括号包围的关键词,例如HTML标签通常是成对出现的,例如称为双标签,分别叫开始标签跟结束标签。当然也有特殊的单个标签，例如,称为单标签。标签关系关系可以分为两类：包含关系跟并列关系包含关系<head> <title></title><head>并列关系<head></head><body></body>基本结构标签名定义说明

2020-07-23 17:56:52 500

原创前端理论

走进前端世界什么是网页？网站：用HTML等制作的用于展示特定内容相关的网页集合，网页是网站中的一“页”,一般是HTML格式的文件，它要浏览器来阅读。网页通常于图片，链接，文字，声音，视频等元素组成。以.html或htm后娺结尾。什么是HTML：超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种标记语言。常用的浏览器常用的浏览器有IE(Win10后叫Edge),火狐(Firefox),谷歌(Chrome),Safari(苹果),Opera浏

2020-07-22 01:19:07 265

JAVAWEB_的博客