HTML5新增的拖放API

CSS

  

2019-06-02 00:13:35

HTML新增了的关于拖放的API,通过拖放API可以让HTML页面中的任何元素都变成可以拖动的,通过拖放机制可以开发出更加友好的人机交互界面。 拖放操作分为两个动作:拖和放。 启动拖动 在HTML中,<img…/>元素默认时可以拖动的;而<a…/>元素只要设置了href属性,则也默认为可以拖动。 如下代码: 对于普通元素而言,只要将该元素的dra...

盒子模型 Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 链接 链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited...

box-align与box-pack的使用

CSS

  

2019-06-07 15:19:56

参考: box-align:http://www.w3school.com.cn/cssref/pr_box-align.asp box-pack:http://www.w3school.com.cn/cssref/pr_box-pack.asp 注意: 需要对齐的元素的父元素dispaly的值必须为box box-align值为center时,子元素为垂直居中 box-pack 属性规定当框大于...

    这些日子一直恶补css,感觉居中是个很重要的东西,网上说了很多方法,在这里记录一下,而且在实验过程中也发现有的人说的方法根本做不到,所以还是要自己亲自测试,不能只背别人的东西。以下的方法都在 chrome 68.0.3440.106(正式版本)经过测试。 以下为代码 ===》》》  水平居中  垂直居中  ...

以下四种属性由不同的属性值进行组合,会产生不同的变化,很是奇妙,学会如何运用会有很大帮助。我写的是我经常用的几种组合方式,供大家借鉴。 一、四种属性组合使用1 在 content类 中加入此代码可实现如图所示布局 二、四种属性组合使用2 在 content类 中加入此代码可实现如图所示布局 三、四种属性组合使用3 在 content类 中加入此代码可实现如图所示布局 flex-direction的...

CSS

CSS

  

2019-06-18 22:44:10

1.1 CSS概述 1.1.1 为什么要使用CSS 1.1.2 案例需求: 将一个表格中所有的单元格居中,如果使用以前的方式,每个td或tr都要设置align属性为center,而使用css则方便许多。  2.1.5 CSS美化的好处: 概念:Cascading Style Sheet 层叠样式表 作用:在网页制作时可以有效地对页面布局、字体、颜色、背景和其它效果实现更加精准的控制。让H...

CSS(基础篇)

css

  

2019-06-24 01:22:40

1. CSS概念及编写规范 概念:层叠样式表 作用:在网页制作时可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制 优势 功能上:可以完成HTML不能完成的美化工作; 耦合性:降低了代码的耦合度,将结构与美化分离(HTML:负责网页的结构,CSS:负责网页的美化) 编写规范 CSS写在大括号内部 格式为:样式名:样式值; 注释:/* */ 2. CSS的使用位置 2.1 行内样式...

根据以上效果,我们发现边框是由三角形或者梯形无缝拼接的,根据这个特点,我们可以实现各种形状。 1.不规则三角形   我们可以把它的长边作为底边来明确下三角形该怎么写 这样就很明白了吧,上代码         2.边框三角形 可以由两个三角形组成,一大一小。 3.正五边形 边长53px,上部为梯形,下部为三角形 border-radius属性,可以写...

CSS盒子模型小剖析

css

  

2019-06-29 03:28:38

前段时间刚刚从C/S过度到B/S,提到B/S就不能说CSS,而说起CSS又不能落下盒子模型。在CSS诞生的时候就有了盒子模型的概念,网页中大部分的元素都能构成一个盒子模型,。盒子模型无非就是描述的元素的尺寸跟位置,只要掌握好这两点就可以灵活的运用盒子模型来布局了。下图是盒子模型的基本元素和属性:   下图是一个盒子模型的基本模型,网页中每个元素大概都可以用下图的模型来描述。  ...

最近看到一篇介绍css样式position属性的博客,感觉他写的浅显易懂,copy过来,以便以后查阅·。 第一部分:position: static   static定位是HTML元素的默认值,即没有定位,元素出现在正常的流中,因此,这种定位就不会受到top,bottom,left,right的影响。 例如:html代码如下: css样式如下: 效果图·: 我们发现,虽...

CSS

CSS

  

2019-07-02 03:40:26

动画 [email protected] 语法: @keyframes animationname {keyframes-selector {css-styles;}} 值 描述 animationname 必需。定义动画的名称 keyframes-selector 必需。动画时长的百分比。合法的值:0-100% ; from(与 0% 相同); to(与 100% 相同) css-styles 必需。一个...

CSS盒子模型:(二)

CSS

  

2019-07-02 17:29:18

上一篇说到选择器,这篇就从盒子模型开始。盒子模型可能东西会多一点,也比较重要,非常常用。这篇知识点就会少一点。 1:CSS基本语法及页面引用 2:CSS文本设置 3:CSS颜色表示 4:CSS选择器 5:CSS盒子模型 6:CSS元素溢出 7:CSS块元素、内联元素、内联块元素 8:CSS浮动 9:CSS定位 10:background属性 CSS盒子模型 什么是盒子模型 元素在页面中显示成一个方...

CSS定位,background属性:(四)

CSS

  

2019-07-05 22:42:43

还是要说一下,我不是主要学习前端的,但是要掌握一定的前端知识,所以总结的属性肯定不全面,都是比较常用 ,如果我能把我总结的知识点完全掌握了,那就已经满足我的需要了。(害怕一些专业前端人士对我进行吐槽。。。) 1:CSS基本语法及页面引用 2:CSS文本设置 3:CSS颜色表示 4:CSS选择器 5:CSS盒子模型 6:CSS元素溢出 7:CSS块元素、内联元素、内联块元素 8:CSS浮动 9:CS...