Web前端 - 第10页 - 网站分类 - 博客园
0

position和BFC

一、关于position流定位:不能通过left/top属性来进行定位(那用什么定位),上下排列的元素纵向边距会被合并,左右元素横向边距不会合并。浮动定位:脱离文本流,就好像不在父元素中,像是浮在父元素的上方。相对定位:相对自身位置定位,不会脱离文本流,相当于是个参照物,给子代元素作为参照。绝对定位 ...

Rachid 发布于 2018-05-26 12:38 评论(0)阅读(55)
0

前端基础-CSS的各种选择器的特点以及CSS的三大特性

一、 基本选择器 二、 后代选择器、子元素选择器 三、 兄弟选择器 四、 交集选择器与并集选择器 五、 序列选择器 六、 属性选择器 七、 伪类选择器 八、 伪元素选择器 九、 CSS三大特性 一、 基本选择器 1、id选择器 <!DOCTYPE html> <html> <head> <meta ...

天王盖地虎宝塔镇河妖 发布于 2018-05-26 11:06 评论(3)阅读(127)
0

前端基础-CSS是什么?

阅读目录 一、 什么是CSS 二、 为何要用CSS 三、 如何使用CSS 一、 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一,我们将在后续内 ...

天王盖地虎宝塔镇河妖 发布于 2018-05-25 19:21 评论(0)阅读(74)
0

SVG图形的简单修改

svg格式的图片是一种矢量图片,最近我就喜欢使用这种图片在做html的元素。网上也有很多现成的svg图片,比如:http://www.sfont.cn这个网站,就能很快的找到各种您想要的图片。但是下载下来以后,发现想你要在html中用的样式和您下载的样式有区别,比如要修改一下方向和颜色。 fill= ...

青春日记 发布于 2018-05-25 19:18 评论(0)阅读(77)
0

分享cropper剪切单张图片demo

官方示例 https://fengyuanchen.github.io/cropper/ 参考:https://segmentfault.com/a/1190000012344970 ...

MoonyHee 发布于 2018-05-25 16:55 评论(0)阅读(55)
0

git提交代码到码云

日常代码一般提交到github比较多,但我还是钟爱马爸爸,没错就是码云。 码云是中文版的代码托管的网站,不存在打开网速问题,使用也蛮方便的,日常自己保存托管代码已经足够,平时使用git提交代码到码云是非常方便的,具体也就一下几个步骤: 1、注册码云账号,新建一个属于自己的项目。 2、安装git,一定 ...

我系小简 发布于 2018-05-25 16:22 评论(0)阅读(82)
0

first-child伪类选择器

原文链接地址:/wangmeijian/p/4562304.html :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school 嗯,乍一看好像说的不是很明白,因此这个选择器很容易让人误解,通常会有两种误解:误解一 ...

Free0531 发布于 2018-05-25 15:23 评论(0)阅读(43)
0

CSS 盒模型与box-sizing

一、盒模型 一个web页面由许多html元素组成,而每一个html元素都可以表示为一个矩形的盒子,CSS盒模型正是描述这些矩形盒子的存在。 MDN的描述: When laying out a document, the browser's rendering engine represents ea ...

郭佬 发布于 2018-05-25 14:35 评论(0)阅读(184)
0

深入css布局 (3)完结 — margin问题与格式化上下文

深入css布局(3) — margin问题与格式化上下文 在css知识体系中,除了css选择器,样式属性等基础知识外,css布局相关的知识才是css比较核心和重要的点。今天我们来深入学习一下css布局相关的知识。 css布局篇已经讲个2篇了,前面我们深入讲解了 盒模型与box-sizing, 元素分 ...

LearnInPro 发布于 2018-05-25 11:23 评论(0)阅读(219)
0

input点击链接另一个页面,各种操作。

1.链接到某页<input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" />2.返回(等同后退)<input name="Submit2" type="butt ...

孤者自清 发布于 2018-05-25 10:53 评论(1)阅读(76)
0

关于如何解决bootstrap table 列 切换 刷新 高度不一样

在使用bootstrap table时候,碰到bootstrap table 列 切换 刷新 高度不一样的问题,如图所示: 解决这个问题很简单,在你的页头加一句<!DOCTYPE html> 就行了。 解决了.... ...

Subject15 发布于 2018-05-25 10:20 评论(0)阅读(64)
0

CSS 3D transforms

https://www.creativebloq.com/css3/20-stunning-examples-css-3d-transforms-11112759 https://github.com/fofr/paulrhayes.com-experiments ...

®Geovin Du Dream Park™ 发布于 2018-05-25 10:19 评论(1)阅读(45)
0

前端基础-HTML的的标签详解

阅读目录 一、head内常用标签 二、 HTML语义化 三、 字符实体 四、 h系列标签 五、 p标签 六、 img标签 七、 a标签 八、 列表标签 九、 table标签 十、 form标签 一、 head内常用标签 1、meta相关 2、非meta标签 二、 HTML语义化 body中的标签是会 ...

天王盖地虎宝塔镇河妖 发布于 2018-05-25 09:21 评论(0)阅读(84)
0

HTML-head头部浅析

HTML头部元素标签描述 head定义关于文档的信息。 title定义文档标题。 base定义页面上所有链接的默认地址或默认目标。 link定义文档与外部资源之间的关系。 meta定义关于 HTML 文档的元数据。 script定义客户端脚本。 style定义文档的样式信息。 ...

铁乐猫 发布于 2018-05-25 09:17 评论(0)阅读(70)
0

CSS3-3

关于背景 一. 渐变&径向渐变(background-image: -webkit-linear-gradient() && background-image: -webkit-radial-gradient()) 二. 渐变&径向渐变() 三.过渡 ...

Kx_柯西 发布于 2018-05-24 23:06 评论(0)阅读(39)
0

webstorm 2018 激活破解方法大全

转载自:https://blog.csdn.net/voke_/article/details/76418116 方法一:(更新时间:2018/4/8)v3.3 注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址: http://h ...

feiquan 发布于 2018-05-24 19:02 评论(0)阅读(206)
0

Flex弹性布局

1 Flex: 弹性布局 (转) 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 注意,设为 Flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。 2 Flex: 基本概念 采用 Flex 布局的元素,称为 Flex ...

echo丶天晴 发布于 2018-05-24 15:37 评论(0)阅读(125)
0

emmet完整收录(html,css)

emmet官网 https://emmet.io/ 语法篇 Child: > HTML All unknown abbreviations will be transformed to tag, e.g. foo → <foo></foo>. ! CSS CSS module uses fuzzy ...

MJay_Lee 发布于 2018-05-24 15:16 评论(0)阅读(41)
0

HTML小记

1、页面内跳转 当<a>元素用于页面内的锚点跳转时,应该先为该页面设置一些锚点,而定义锚点有两种办法: 通过<a>元素的name属性来定义,如:<a name="anchor-name">name属性的值就是锚点的名称<a> 通过其他元素的id属性来定义,如:<div id="anchor-name ...

cunxu 发布于 2018-05-23 21:30 评论(0)阅读(57)
0

CSS代码检查工具stylelint

前面的话 CSS不能算是严格意义的编程语言,但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表,如果描述得混乱、没有规则,对于其他开发者一定是一个定时炸弹,特别是有强迫症的人群。CSS 看似简单,想要写出漂亮的 CSS 还是相当困难。所以校验 CSS 规则的行动迫在眉睫。stylelint是 ...

小火柴的蓝色理想 发布于 2018-05-23 19:22 评论(0)阅读(157)