标签:CSS
为什么有些内联(行内)元素如img、input可以设置宽高? 在说明之前我们先来了解一些定义。 块级元素和内联元素: ①块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示。 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制。
一、关于样式(CSS) 1、Input 1)Input可编辑可下拉 <div> <input type="text" list="itemlist" name="itemid" value="{$data.itemid}"
本文以px2rpx-loader的源码为学习对象,了解其工作机制以及loader封装的思想。 1.前言 最近在了解mpvue框架的时候,对于其能够实现一套代码兼容web和微信小程序(以下简称小程序)的能力十分着迷,虽然小程序的MINA框架有着Vue的影子,但是无可否认的,小程序做了很多有着自己风格的
图片变形很多人祭奠出了妖魔鬼怪般的各种大法,比如使用jq来写,或者使用css表达式来写。今天我总结的是使用css3来写,唯一最大缺点就是对一些浏览器版本不够兼容。下面就是关于如何使用css来让图片居中不变形 web端: img{vertical-align:middl
(一)CSS选择器:       1.标签选择器:通过HTML的标签名直接选择该标签       2.类选择器:通过.选择器的名称{} 来对添加了class属性的标签进行选中       3.ID选择器:通过#选择器的名称{} 来对添加了ID属性的标签进行选择,ID是在HTML文档中唯一的     
前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新!     有段时间我是没理清transform、translate、transition和animation之间的关系的,现在整理一下: translate:平移;是transform的一个属性; trans
一、什么是CSS W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言。 二、CSS应用的三种
一、CSS选择器 【选择器的命名规则】 1、只能有字母数字下划线组成,不能有其他任何特殊字符 2、开头不能是数字   【通用选择器】1、写法:*{}2、作用:选中页面中的所有标签(大范围修改)3、优先级:最低,,低于所有选择器 eg:{ font-size: 20px; }【标签选择
前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新!        background我们一般用到的的属性有: background-attachment:背景(图片)是否随页面滚动; background-origin:背景(图片)的位置的原点(图片位置从
问点: 0,梳理一个前端知识框架 1,jQuery的理解 2,仿某网站首页,除了download,显示新优化地方 3,文档模型(DOM) 事件流 事件处理程序 事件类型 例如阻止冒泡的方法 4,前端跟后端的交互方式
一、前言: 做网站开发,要求有多种搭配方式,前台技术可以使用PHP、ASP、JSP、ASP.NET、CGI等任何一种; 需要用到的基础语言用的最多的就是HTML/CSS、JS、JAVA、XML这些了,HTML/CSS+JS可以实现对界面的描绘渲染,而JAVA则可以做后
type:基本层类型 layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外) content - 内容 content可传入的值是灵
1.word-wrap和word-break的区别 举例如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <b
在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚。 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般常用英文颜色名或者十六进制颜色值来设置颜色,但是css中还有一些其他较为复杂的写法。 RGB颜色 计
在前面介绍了如何利用文档结构和css选择器为元素应用各种丰富的样式,今天来好好聊聊css的层叠和继承,先说说概念。 继承:一个元素向其后代元素传递属性值所采用的机制,说的通俗点,就是元素的某些属性可以通过继承从而传递给子元素的。 如: <p><span>测试继承</sp
  一张前端的设计稿都是以psd的格式呈现的,所以一些简单基础的ps是必不可少的! 标尺:一般使用像素值,快捷键ctrl+r, 辅助线/参考线:用来裁剪图片时辅助作用! 清楚参考线:ctrl+;。 信息栏:用来查看信息, 历史记录栏:回复原来信息,尽量不要改变设计师给的原图! 图层栏: 要调为自动选
深入简出的nginx hosts的简单介绍 nginx的简单介绍 hosts介绍 谈到nginx我们不得不说hosts hosts的存放在C:WindowsSystem32driversetc中的一个文件 做前端工作的一般都知道如果想在本地起一个服务我们必须在当前文件夹在打开黑窗口输入 anywhe