记录生活的大胖橘-优快云博客

原创 HTML(六) float浮动布局

一、css布局方式什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流：（1）标准流(文档流/普通流)：标准流(文档流/普通流)处在网页的最底层，它表示的是一个页面中的位置，我们所创建的元素默认都处在标准流(文档流/普通流)中（2）元素在标准流(文档流/普通流)中的特点：块元素块元素在标准流(文档流/普通流)中会独占一行，块元素会自上向下排列。块元素在标准流(文档流/普通流)中默认宽度是父元素的100%块元素在标准流(文档流/普通流)中的高度默认

2021-09-13 16:52:00 503

原创 HTML(五) css盒模型

1.盒子组成盒子属性（ Box properties）文档中的每个元素都可以被看作是一个矩形盒子。具有如图的一些属性。margin 外边距代表盒子四周的区域。相邻元素的边距会合并（margin collapsing）border 设定介于padding的外边缘与margin的内边缘之间，默认值为0padding 内间距在任何定义的边界内的元素内容周围生成空间width & height 用于设置内容区的宽高，该片区域用于显示内容。盒子高度默认为内容的高度。盒子一

2021-09-08 20:11:48 563

原创 HTML（四）文本样式

一、文本属性文本属性-概览：color 为字体指定颜色font-style 用于打开和关闭斜体文本font-weight 为字体设置粗细程度font-size 为文字指定大小font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体webFont 网络字体字体图标text-decoration 设置或者取消文本修饰text-align 文字排列方式text-indent 文本缩进属性text-transform 设置或者取消字体改变text-

2021-09-08 19:33:06 1310

原创 HTML学习笔记（三）css选择器

一、css的引入方式内联样式：内联样式表就是把css代码直接写在现有的HTML标签中缺点：样式与结构冗余优点：优先级较高<div style="color:red">设置文字的颜色为红色</div>样式的内容写在元素的开始标签里，并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。这种样式只会对当前标签起作用，在测试的时候可以使用，不能对样式进行复用，不方便后期维护，不推荐使用内部样式表缺点：样式的复

2021-08-23 19:29:33 385

原创 HTML学习笔记（二）

一、装饰性标签em意为强调，突出文章重点<em>em标签</em>strong意为强调，内容更为有用<strong>strong标签</strong>b加粗 <b>b标签</b>i：斜体、u：下划线二、div和spandiv:无意义的块级元素，用于搭建网站架构  <div class="header"></div> <!-- 内容区

2021-08-17 16:13:43 341

原创 HTML学习笔记（一）

HTML学习笔记（一）1.什么是HTML？HTML是HyperText Markup Language(超文本标记语言)（1）HTML的历史版本发展： ①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。 ②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。 ③HTML 3.2：1997年1月14日，W3C推荐标准。 ④HTML 4.0：1997年12月18日，W3C推荐标准。

2021-08-02 19:56:18 143

原创 Axure RP9笔记--页面自适应

笔记2–页面自适应大三的时候曾经对猫耳FM进行重构（使用HTML），现在看看真是一塌糊涂：只做出了静态页面，当时还遇到了个问题，浏览器变成小窗后，里面的内容并不会改变大小但是现在大部分网站都做了页面自适应，当时还对前端一无所知，今天的学习过后，在axure中可以实现页面自适应。1.拖入四个便笺模拟页面内容2.弹出增加自适应视图3.确定后得到下图，取消选中影响所有视图4.点击ipad 4，设置在ipad 4内的显示，iPhone X/XS类似5.结果如图...

2021-08-02 19:41:06 1382

原创关于AxureRP9的学习

关于AxureRP9的学习笔记(1)一、创建一个表单1.打开Axure RP9，找到左侧面板中的“页面”，选择新增页面，并命名为“form”2.在左侧面板中找到元件库，如下图所示在元件库中选择方框一，选中后拖到新建的页面上，并更改合适的尺寸，坐标为（0，0）3.元件库中找到“标题”，拖入方框中，先选中方框，摁住ctrl接着选中标题，并点击“居中”ps：居中根据先选中的元素调节4.重复在元件库选择表单所需要的元件，拖入并更改样式5.点击预览：点击测试！7.进行互斥选择设置c

2021-07-28 19:50:01 576

qq_45288211的博客