CSS
文章平均质量分 71
葉無聞
努力成为一名资深的技术大牛。
展开
-
详解CSS float属性
本文转自:http://luopq.com/2015/11/08/CSS-float/CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解好浮动的意义和表现出来的特性,在使用的使用很容易陷入困惑,云里雾里,搞不清楚状态。本文将从最基本的知识开始说起,谈谈关于浮动的应用,出现的问题和解决方案。基础知识float,顾名思义就是浮动,设置了float属性的元素会根据属性值向左或向右...转载 2018-06-12 18:09:14 · 383 阅读 · 0 评论 -
CSS3渐变属性
渐变可以使得元素背景更加有灵性并具有生气,虽然我们可以使用背景图片来呈现渐变效果,但却是不够灵活,当想要改变颜色时需要使用图片编辑器重新编辑,而渐变则可以在代码中直接改变颜色就可以了。CSS3提供了两种渐变方式,分别是线性渐变(linear-gradient)和径向渐变(radial-0gradien)。一、线性渐变(linear-gradient)线性渐变就是沿着某个方向进行颜色上...原创 2019-05-28 10:53:10 · 8404 阅读 · 5 评论 -
jQuery实现得评论模块
本模块可用于评论或留言,输入区模仿畅言,内容显示使用时间轴,以下是示例图。实现代码如下:index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...原创 2019-04-12 16:10:56 · 1104 阅读 · 0 评论 -
CSS中的块级元素、行内元素和行内块元素
元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫“盒子”。但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的。比如:div 与span的显示方式不一样,因为 div是块级元素,会占据一行,而span为行内元素,可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。块级元素 block块级元素,顾...原创 2018-12-10 00:32:58 · 11802 阅读 · 0 评论 -
CSS中的盒子模型
前言在网页布局中,我们的布局对象通常是盒子,而到底什么事盒子?盒子模型有几种?我想这对于做前端开发的来说这至关重要,所以我就对盒子模型的相关知识复习一下,顺便总结出来,以供以后参考。盒子模型CSS css盒子模型又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。元素框的最内部分...原创 2018-12-09 19:43:36 · 463 阅读 · 0 评论 -
HTML页面中的文档流以及脱离文档流
一、文档流在我们生活中,有各种各样的“流”,有电流、水流等,就像水流从高处往低处流一样,我们可以把文档流想象成html元素在浏览器上“流动”。浏览器的顶端就是河流的源头,浏览器的底部就是河流的尽头。 如下图而所谓的文档流(normal flow,也被称为“普通流”),指的是就是元素排版布局过程中,元素会自动从上往下,从左往右地遵守这种流式排列方式。当浏览器渲染HTML文档时,从顶部...原创 2018-12-07 16:30:44 · 1531 阅读 · 0 评论 -
谈一谈HTML中table、tr、td标签的width和height
一般我们利用HTML中table做表格式,经常会遇到table、tr、td标签的width和height问题,而有时候发现在对tr、td设置宽度或高度时没有效果,其实这就是表格标签的特殊性,他们几个互有联系,互有制约,例如table的宽度限制了tr的宽度,table的高度又受tr高度的影响等等。所以要解决这类问题,需要知道在设置table、tr、td的width和height上需要注意的问题,具体...原创 2018-11-30 19:03:43 · 10724 阅读 · 2 评论 -
CSS表格折叠边框
折叠边框一般我们用table的border属性来设置表格的边框(当然也可以在style中声明样式border),但显示表格时总会发现表格有双边框系不系很丑?这是因为表和th/ td元素都有独立的边界。而如果我们想去除表格的双边框的现象,这时就用到了我们的折叠边框属性border-collapse了,可以对表格做如下设置:CSS:table { border-c...原创 2018-11-27 17:23:48 · 3931 阅读 · 0 评论 -
CSS列表属性学习总结
CSS列表属性在HTML中,有两种类型的列表:无序列表 ,列表项标记用特殊图形(如小黑点、小方框等) 有序列表 , 列表项的标记有数字或字母在CSS中,有几个列表属性:list-style:简写属性。用于把所有用于列表的属性设置于一个声明中,可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image,可以...原创 2018-11-27 15:39:43 · 864 阅读 · 0 评论 -
谈一谈标签a的链接状态
<a>标签<a>标签用来定义超链接,表示从一个页面链接到另一页面;<a>标签最重要的属性石href,表示指向链接页面的地址,除此之外,一般还是用属性target表示页面打开的位置,常用属性值为_blank、_parent、_self、_top。在浏览器中,<a>标签的默认外观是:未访问过的链接字体颜色为蓝色并且带有下划线 活动...原创 2018-11-27 15:00:49 · 1287 阅读 · 0 评论 -
简述reflow和repaint
一般,在页面开发时,不可避免地会发生repaint和reflow,除非是静态页面。从字面上理解repaint,它表示“重绘”,而reflow则是“回流”。他们的目的都是表现出新的页面样貌。一、repaint重绘repaint一般在改变 DOM 元素的视觉效果时触发,即不涉及任何排版布局的问题时触发,它主要针对的是某一dom元素的重新绘制。一般触发repaint的常见场景有以下几个:co...原创 2018-12-04 20:31:23 · 2212 阅读 · 0 评论 -
CSS的层叠性
CSS指层叠样式表(Cascading Style Sheets),一般通过定义HTML元素的样式来影响页面的布局及外观。层叠性体现在多个选择器选中同一个标签,设置同一个样式,浏览器中加载时,不会加载所有的属性值,挑选其中一个加载,其中一个值层叠/覆盖掉其他的值。样式来源1、浏览器默认的样式,比如你还没有显性设置CSS属性,h1就会显示粗体,em显示斜休。2、用户自定义样式。一些页...原创 2018-11-25 15:26:22 · 2196 阅读 · 0 评论 -
微信小程序 实现从顶部弹出的下拉框
效果图:我尝试了微信提供的API wx.animation去实现这个功能,但很是麻烦,而且对于我这刚接触小程序的渣渣而言,实现起来也很是困难。所以我换了种方法,采用CSS的动画去实现。wxml:<image class='fabiao' src='../icon/fabiao2.png' bindtap='fabiao'></image><!--触发下拉框的组件,我...原创 2018-07-13 20:19:47 · 9454 阅读 · 0 评论 -
多个HTML页面共同调用一段html代码
方法一、使用script方法:制作一个共用头部文件head.js或一个共用底部文件foot.js。如主页文件是mac.htm,调用头部或底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>调用共同的网页头部或者网页底部,减少了每个页面都要编写头部或底部的复杂程度...原创 2018-06-14 11:39:25 · 18465 阅读 · 1 评论 -
css white-space属性总结
white-space 属性用于设置如何处理元素内的空白。它有几个可选值:normal,nowrap,pre,pre-wrap,pre-line,默认情况下,white-space的值是normal。1、normal值normal表示合并空格,即多个相邻空格合并成一个空格,并且在源码中的换行也当空格处理,只会根据文本所在容器的大小进行换行。这里的空白是值空白字符,包括空格,制表符等空白字...原创 2019-05-28 15:04:36 · 3936 阅读 · 1 评论