- 博客(39)
- 收藏
- 关注
RSS订阅原创 浮动布局与定位布局
float将块级元素显示在一行，脱离文档流，原先位置不保留。浮动在上层。left 向左浮动元素right 向右浮动元素none 默认值，不浮动inherit 浮动方式继承父元素清除浮动产生的影响兄弟元素上使用clear: both;父元素 overflow:hidden;positionstatic 静态定位，默认relati...
2020-03-22 21:57:14
692
原创 table 表格样式
1.border-collapse 指定表格的边框是合并还是分开separate 默认值，分开模式，表示相邻的两个格子都有独立边框 border-collapse: separate; collapse 合并模式，表示相邻的两个格子共享边框 border-collapse: collapse;2.caption-side 设置标题的位置 ...
2020-03-22 21:51:15
195
原创 border 边框样式
1.border-width 为元素指定边框的宽度2.border-style 为元素指定边框样式 none 不设置 hidden 隐藏 dotted 显示一系列的点 dashed 显示一系列小线段 solid ...
2020-03-22 21:48:50
14296
原创 了解图片精灵技术
图片精灵技术 CSS Sprites网页中如果有很多个图片，这些个图片，每次从服务上拉取。网页有100张图片，图片需要向服务器发送100次请求，获取图片好处：减少网页访问服务器次数，节约网络资源。如何实现：将所有使用背景图片的元素设置同一张背景图片，根据需要显示背景图片中的不同位置上的内容，使用background-position属性实现...
2020-03-22 21:42:31
189
原创 background 背景样式
1.background-image 背景图片 background-image: url('./images/2.jpg'); 2.background-color 背景颜色 background-color: cyan;3.background-origin 设定背景图片的起始覆盖点border-box 从边框区开始绘制背景图片pa...
2020-03-22 21:40:23
339
原创 盒子模型
盒子模型W3C标准盒子模型 IE盒子模型所有元素都可当做盒子处理盒子属性：width height padding border margin盒子分为4个区域： content-box padding-box border-box margin-box内容区 内间距区 边框区 外边距区padding和margin属性的取值：padding-toppaddi...
2020-03-22 21:34:05
110
原创 CSS其他样式
1.outline 外边框（不占据屏幕空间，可能会覆盖其他内容）outline-width 外边框宽度outline-color 线的颜色outline-style 线的样式outline-offset 偏移速写属性 outline: 10px solid red;2.display 展示样式inline 行内展示，宽高无效inline-bl...
2020-03-22 21:31:32
178
原创 CSS样式——cursor
default 箭头形状auto 浏览器设置的光标pointer 手型crosshair 十字交叉help 帮助wait 等待text 文本move 移动方向键：e-resize 右，东w-resize 左，西n-resize 上，北s-resize 下...
2020-03-22 21:25:57
195
原创 CSS样式——列表
1.list-style-typedisc 小黑点circle 空心圆square 方形decimal 数值 小于10的不补0decimal-leading-zero 数值 小于10的补0lower-roman 小写罗马upper-roman 大写罗马lower-alpha 英文字母 a,b,c…upper-al...
2020-03-22 21:19:41
123
原创 CSS样式——文本
1.text-align 水平对齐方式 text-align: left; text-align: right; text-align: center;vertical-align垂直对齐方式 vertical-align: top; vertical-align: middle; vertica...
2020-03-22 21:14:35
160
原创 CSS样式——字体
font-family 字体样式serif :有衬线的字体,笔画结尾有特殊的装饰线或衬线sans-serif:无衬线的字体，笔画结尾是平滑的字体monospace :等宽字体，用于代码，字体中每个字宽度相同cursive :草书，这种字体有的有连笔，有的还有特殊的斜体效果。fantasy :装饰字体 ，具有特殊艺术效果的字体font-style 设置斜体1.normal 正常，...
2020-03-22 20:59:09
190
原创 CSS样式——颜色和尺寸
colorbackground-color: rgb(0, 255, 0);background-color: rgba(0, 255, 0, 0.5);background-color: hsl(240, 50%, 50%);background-color: hsla(240, 100%, 50%,0.5);background-color: lime;HSL函数中，第一个参数色调...
2020-03-22 20:48:43
285
原创 CSS继承
CSS继承CSS中有些规则将会默认被子元素继承，有些则不会。可继承属性：font系列属性、文本系列属性、列表系列属性、cursor、visibility等 font-size: 30px; color: coral;不可继承属性：margin、padding、border等 border: 1px solid blue;CSS提供了三个特...
2020-03-22 20:44:43
208
原创 CSS级联
CSS级联1.在属性值后边使用!important修饰。使用 !important修饰的声明优先级最高。2.如果有多个!important修饰或者都没有!important修饰，那么比较选择器的特性值。特性值越高的优先级越高。 style属性内 1000 ID选择器 100 类选择器，伪类选择器，属性选择器 10 标签选择器，伪元素选择器 1 其他 空格>...
2020-03-22 20:40:52
322
原创 CSS选择器——伪元素选择器
CSS选择器——伪元素选择器伪元素以"::"开头，用在选择器后，用于选择指定的元素。::after 选中之后的不存在的节点，可配合content属性进行内容填充 section h3::after { content: '...'; color: coral; }::before 选中之前的不存在的节点，可配合content属性进行内容...
2020-03-22 20:38:35
233
原创 CSS选择器——伪类选择器
CSS选择器——伪类选择器（元素状态相关）:link 未被访问的状态，a标签:visited 已访问过的状态，a标签:hover 鼠标悬停的状态，a标签，其他标签也可用:active 活动的状态， a标签，其他标签也可用:focus 聚焦的状态:checked 用户选中的单选按钮和复选按钮:default 默认选中的单选按钮和复选按钮:enabled、 :...
2020-03-22 20:35:02
140
原创 CSS选择器——伪类选择器
CSS选择器——伪类选择器:only-child 选中独生子元素:first-child 选中作为别人第一个孩子的元素:last-child 选中作为别人最后一个孩子的元素:nth-child(n) 选中作为别人第几个孩子元素的元素:nth-last-child(n) 选中作为别人倒数第几个孩子的元素:first-of-ty...
2020-03-22 20:32:01
370
原创 CSS选择器——属性选择器
CSS选择器——属性选择器[attr]选择具有attr属性的元素、无论该属性的值是什么[attr=val] 选择具有attr属性的、并且attr的值为val元素[attr^=val]选择具有attr属性的、并且attr的值以val开头的元素[attr$=val] 选择具有attr属性的、并且attr的值以val结尾的元素[attr*=val] 选择具有attr属性的、并且attr的值包含...
2020-03-22 20:29:20
205
原创 CSS选择器——多选择器
CSS选择器——多选择器组合选择器多个选择器组合使用，使用“,”分割 /* 选中class为one和class为two的 */ .one,.two { border: 1px solid blue; } 嵌套选择器多个选择器嵌套使用 /* 嵌套选择器，选中one中的inner */ ....
2020-03-22 20:24:50
1064
原创 CSS选择器——层次选择器
CSS选择器——层次选择器后代元素/后代选择器（空格）直接子代元素/子代选择器（>）下一个兄弟元素/相邻同胞选择器（+）之后所有的兄弟元素/一般同胞选择器（~）...
2020-03-22 20:22:26
214
原创 CSS选择器——基本选择器
CSS选择器——基本选择器标签选择器/元素选择器类选择器/class选择器以点"."开头，后面紧跟一个类名ID选择器以"#"开头，后面紧跟一个ID名，在一个文档中，ID值不能重复普遍选择器用"*”来表示普遍选择器，表示选择所有元素，通常用在组合选择器中...
2020-03-22 20:19:46
233
原创 CSS如何作用于HTML---样式表
CSS如何作用于HTML—样式表外部样式表1.将CSS规则写到一个以“.css”为后缀的文件中，然后使用HTML中的标签将CSS文件应用到HTML文档中 <link rel="stylesheet" href="./styles/main.css">2.在style标签的第一行使用@import ‘style.css’;导入 @import './s...
2020-03-22 20:14:00
262
原创 Form表单的其他组件
Form表单的其他组件fieldset 组件/标签1.disabled （禁用filedset元素） disabled属性修饰的控件数据不进行提交 <div> 测试disabled：<input type="text" disabled value="123" name="test"> <input type="su...
2020-03-22 20:04:48
297
原创 表单控件的布尔属性
表单控件的布尔属性 disabled 禁用的，可见不提交 readonly 可见只读提交 selected 表示默认选中，布尔属性 checked 单选按钮和复选框上，选中的 multiple select标签上，是否允许多选，ctrl多选 ... autofocus 是否自动聚焦的 ...
2020-03-22 19:48:08
481
原创 HTML5新增的表单元素
HTML5新增的表单元素progress 进度条 max 进度元素所要求的任务的工作量，默认值为1 value 已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数 例如：<progress id="one" name="progress" value="0" max="100"></progress>out...
2020-03-22 19:46:39
744
原创 HTML5新增的表单属性
HTML5新增的表单属性type number 数字控件（只能输入数字） 属性min,max,step可以配合使用 range 范围控件（通过控制条调整值）属性min,max,step可以配合使用 search 搜索控件 tel 电话控件 url 地址控件 email 邮箱控件 ...
2020-03-22 19:42:13
425
原创 Form表单的Input标签
Input标签的type属性 text 单行文本框 password 密码框 radio 单选按钮，同一组的单选按钮name值一样，checked属性默认选中 checkbox 复选框，同一组的单选按钮name值一样，checked属性默认选中 file 文件选中按钮，文件上传按钮 form...
2020-03-22 19:36:37
1734
原创 Form表单简介
Form表单用于用户与web应用程序进行数据交互form通常由一到多个表单控件组成(表单控件：单行/多行文本框，下拉菜单，复选框，单选按钮)使用表单控件时一般要配合label标签，用于描述其目的...
2020-03-22 19:31:37
158
原创 HTML5音视频
HTML5音视频audio标签 音频 <audio autoplay loop src=""></audio>video标签 视频 <video controls autoplay src=""></video> <!-- loop属性代表是否循环播放，布尔属性 -->&l...
2020-03-22 19:27:43
107
原创 HTML5新增标签
HTML5新增标签header 放置头部信息nav 放置导航信息article 文章section 独立区域内容aside 侧边栏，广告footer 尾部信息address 地址，联系信息figure&figcaption figcaption从属于figure 一个fig...
2020-03-22 19:26:14
156
原创 HTML标签
HTML标签1.段落 <p>2.标题 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>3. 强调<strong> 意为强调，内容更为有用 <b> 加粗 <em> 意为强调，突出文章重点，倾斜效果 <i> ...
2020-03-22 19:22:57
126
1
原创 块级元素和行内元素区别
块级元素内可以放置行内元素和块级元素<div> <span></span> <div> <span></span> <div> <p> <span></span> <em>...
2020-03-22 19:16:55
128
原创 Axure“发布到本地”和“预览”区别
发布到本地：实际上是在本地文件系统中有了html文件。观看效果：file://绝对路径或者打开本地文件系统，找到start.html页面。在浏览器上打开。预览：实际上将html项目部署到了内置的服务器上。本地是没有这个html文件的...
2020-03-22 19:14:21
1341
原创 HTML 语法
HTML 语法1.空白2.实体 (实体以&符开始，以;结尾) 空格用 表示 <用<表示 >用>表示 &用&表示 “用"表示 ‘用'表示 (下标sub;上标sup)3.注释...
2020-03-22 19:08:08
96
原创 HTML属性
HTML属性属性写在开始标签内，属性与属性之间通过空格隔开，属性与属性值之间使用=隔开，属性值要用双引号包裹核心属性： id 唯一标识 class 标识一类元素 style 样式 title 描述信息...
2020-03-22 19:05:26
342
原创 HTML元素
HTML元素块级元素：独占一行空间，可设置宽高，不能将块级元素嵌套在行内元素中 <div></div> <p></p> <h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h...
2020-03-22 19:03:48
78
原创 HTML文档
HTML(HyperText Markup Language) 超文本标记语言HTML文档：HTML元素是由开始标签和结束标签及其内部内容组成1.DOCTYPE H5文档类型<!DOCTYPE html> 文档头信息 <!DOCTYPE html> 2.<html> ...
2020-03-22 18:57:45
215
原创 中继器的简单学习
中继器主要用于动态表格列表显示双击中继器设置重复的样本选中中继器在样式里设置初始化显示数据设置ItemLoad事件的操作删除行在样本中的删除按钮上绑定点击交互事件，选择删除行的操作，选择操作的中继器分页在中继器的样式里分页面板，可以设置分页显示给上一页和下一页按钮绑定点击事件，选择中继器中的【设置当前选择页面】，在【页面那里选择下一页】。新增绘制模态框，默认隐藏。...
2020-03-22 18:53:03
221
原创 Axure初步学习
1.交互样式(仅对当前元件的样式进行更改)选中元件，鼠标右键，选择【交互样式…】，选择交互触发类型，选择要更改的交互样式使用交互样式实现鼠标悬停更改字体颜色效果2.交互动作(带有逻辑性)选中元件，在右侧交互面板选择交互事件类型，设置动作使用交互事件实现显示与隐藏3.交互情形(带有逻辑性)设置交互动作，在交互动作中添加情形并设置情形对应的动作当某个元件的值满足A情形的时候做A动作，满...
2020-03-22 18:49:08
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人