html,css,html5,css3
html,css,html5,css3相关
『九离~空白』
When you are strong enough, the whole world will be kind to you.Work hard to learn new techniques so that you can achieve your dreams and go further.
展开
-
关于 meta 标签,常用的 属性值 的写法和作用的总结:
这篇文章是对于 Meta 标签,概念,常用属性值的写法和作用的相关总结;meta 标签的 概念 :metadata ---> 元数据 : 是关于数据的信息; meta 标签提供了关于 HTML 文档的元数据。对于元数据来说它不会显示在页面上,但对于机器是可读的。 通常情况下,meta 元素被用于规定页面的描述信息,关键词,文档的作者,最后修改时间以及其他元数据等。 meta 标签位于 head 元素中; 元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其..原创 2020-05-10 17:53:46 · 677 阅读 · 0 评论 -
真的了解移动端适配吗 ?
目前,随着 Web 技术的革新,移动端适配方案也在不断的变化,网上也有很多关于移动端适配的一些常见的方法。但是任何适配方案都有它自己的优缺点,要结合自己的使用场景去进行选择,达到最好的效果。前置知识 :对于 em 的认识em 概念 :是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em 特点 : 它的值并不是固定的,它会继承父级元素的字体大小。注意 :任意浏览器的默认字体高都是 16px ,所有未经调整的浏览器都符合 1原创 2020-06-21 19:55:19 · 250 阅读 · 0 评论 -
对于 CSS3 Gradient 你了解多少 ?
CSS3 Gradient :CSS3 Gradient:分为linear-gradient(线性渐变),radial-gradient(径向渐变),repeating-linear-gradient (重复的线性渐变),repeating-radial-gradient (重复的径向渐变)。linear-gradient :概念和语法 :CSS3 的线性渐变和设计软件中的渐变工具没什么区别,都是指定一个渐变的方向,起始颜色,结束颜色,当然,起始颜色和结束颜色中间还可以添加其他颜...原创 2020-06-18 22:36:21 · 176 阅读 · 0 评论 -
对于标准盒模型和IE盒模型的概述
这篇文章是,对于标准盒模型和IE盒模型的各自定义,二者的差异性,彼此之间的转换方法的一个总结:CSS 中盒模型概念 :盒子模型组成 :由元素的内容(content),边框(border),内边距(padding),外边距(margin)组成。盒子里面的文字,图片等元素就是内容区域(content)。 盒子的厚度就是盒子的边框(border)。 盒子内容(content)和边框(border)之间的距离就是内边距(padding)(类似于单元格的 cellpadding 属...原创 2020-06-05 22:41:37 · 334 阅读 · 0 评论 -
对于 BFC(块级格式化上下文) 的一个简单的总结 :
概念 :BFC(Block Formatting Context)块级格式化上下文,是 Web 页面中盒模型布局的 CSS 渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。形成条件 :浮动元素 ,float 除 none 以外的值。 定位元素,position (absolute,fixed)。 display 值为,inline-block,table-cell,table-caption,flex,inline-flex。 overflow 除了 visible 以外的..原创 2020-05-30 19:52:13 · 122 阅读 · 0 评论 -
对于CSS2中 media type (媒体类型) 和 CSS3中 media query (媒体查询) 的相关知识的总结:
media query (媒体查询)media type (媒体类型) 概念:media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一。随着移动互联网的发展,media query开始得到大家的重视。...原创 2020-05-08 15:17:32 · 461 阅读 · 0 评论 -
对于一些常用布局的总结(着重于响应式布局):
常用布局静态布局(Static Layout)即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分;意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置;对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。弹性布局 (Flex)自适应布局(Adaptive)的特点是分别为不同的屏幕分辨率定义布局。...原创 2020-05-08 14:29:05 · 131 阅读 · 0 评论 -
学习 CSS3 的时候,练习过的一些一些小例子:
学习 CSS3 的时候,练习过的一些实例这是自己在学习 CSS3 的时候,练习过的一些小例子,比较简单,适合新手练习; 实例都部署在 github 上,点击下表中对应的实例链接,可以跳转浏览具体代码; 当然也可以点击链接跳转到 github 上,下载源码到本地运行,在浏览器中预览结果即可;01_CSS3 实例 CSS3 动画实现 Loading 效果 实例链接 02...原创 2020-05-08 13:56:19 · 275 阅读 · 2 评论 -
关于 CSS3 的一些相关知识的总结:
CSS3选择器: 属性选择器:E为元素标签 [arr]为属性 "val"为属性值 ~="val"为指定词汇 {...}改变的样式E[arr]{...} -->E[arr]用于选取带有指定属性的元素; E[arr="val"]{...} -->E[arr="val"]用于选取带有指定属性和值的元素; E[arr~="val"]{...}-->E[arr~="...原创 2020-05-06 13:36:22 · 244 阅读 · 0 评论 -
对于 宽高自适应,元素定位,媒体查询 和 移动端布局的相关总结:
宽高自适应: 宽高自适应:元素的大小能够根据窗口或者子元素自动调节,这就是自适应。 宽度自适应:元素宽度设置为100%,块元素默认宽度为100%((即默认宽度自适应)元素具有最小高度自适应 min-height:最小高度 -->内容超过最小高度的时候,自动撑开,内容小于最小高度的时候,维持最小高度值不变。【注】,IE6浏览器中,不识别该属性,height有min-height的...原创 2020-05-06 13:17:48 · 281 阅读 · 0 评论 -
对于 文本溢出处理,元素类型,锚点链接 和 图片整合 的一些总结:
文本溢出处理: overflow:定义超出元素内容区的内容会怎么显示 overflow:visible; -->默认不会被裁剪,会出现在元素内容之外; overflow:hidden; -->会裁剪掉超出的内容; overflow:scroll; -->会固定的水平和垂直方向都会出现滚动条; overflow:auto; -->会在内容超出...原创 2020-05-06 12:53:53 · 172 阅读 · 0 评论 -
IE6下面,浏览器兼容相关和一些常见问题总结:
浏览器的五大内核: Trident: ---> IE浏览器,360浏览器 Gecko: --->Firefox浏览器 Webkit: --->Safari浏览器,Chrome浏览器 Presto: --->Opera浏览器,Presto浏览器 Blink: --->Google浏览器 解决浏览器兼容的办法: CSS...原创 2020-05-06 12:34:26 · 129 阅读 · 1 评论 -
弹性盒相关知识 ?
弹性盒 弹性盒:是CSS3的一种新的布局模式,使得页面适应不同的屏幕大小和设备类型。(内部自适应)CSS3弹性盒(Flexible或flexbox)--->由弹性容器(Flex-container)和弹性子元素(Flex-item)组成;其中Flex-container通过display:flex;来设定。 flexbox 属性集值 作用在父元素上面的属性: ...原创 2020-05-06 12:15:18 · 1063 阅读 · 0 评论