51dev.com IT技术开发者社区

51dev.com 技术开发者社区

CSS的字体样式属性

CSS的字体样式属性

css文本样式值:font-size:#px;文字大小font-family:字体样式,如:微软雅黑font-style:文字状态如斜体等font-weight:文字粗细text-align:文本对齐font-variant:字体之间的转变,以小型大写字体或者正常字体显示文本。line-height...

CSS background-position背景图片坐标设置

CSS background-position背景图片坐标设置

CSS背景图片background坐标设置,代码示例:1background:url(images/xx.gif) no-repeat 0 -66px;}如下图所示:背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴,下为Y轴正半轴。当前元素左上角坐标为0,0默认...

github markdown css 样式

github markdown css 样式

页面是用markdown来展示的,当然少不了样式,最后选了github-markdown-cssgithub:github-markdown-css我是直接引用CDN的 cdnjs:github-markdown-css最后在需要的标签上加上class='markdown-body...

移动端开发去除默认css样式/overflow问题

移动端开发去除默认css样式/overflow问题

       清除点击阴影:-webkit-tap-highlight-colora,input,button{-webkit-tap-highlight-color:rgba(0,0,0,0);}  &nbs...

块状元素和内联元素

块状元素和内联元素

在用CSS布局页面的时候,我们会将HTML标签分成两种:块状元素和内联元素(我们平常用到的div和p就是块状元素,链接标签a就是内联元素)。块状元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。常见块状元素为di...

css、js压缩方法,yuicompressor压缩

css、js压缩方法,yuicompressor压缩

css压缩java-jaryuicompressor-2.4.8.jar--typecss--charsetutf-8-vcommon.css>packed.css js压缩java-jaryuicompressor-2.4.8.jar--typejs--charsetutf-8-v...

图片垂直居中裁剪显示

图片垂直居中裁剪显示

如何使用css来让图片居中不变形微信小程序和web端适用object-fit:cover;/*(图片会被居中裁剪显示填满父集)被替换的内容大小保持其宽高比,同事填充元素的整个内容框,如果对象的宽高比与盒子的宽高比不匹配,改对象将被裁剪以适应。*/object-fit:contain;/*(图片比例不...

Web开发中常用的定位布局position

Web开发中常用的定位布局position

定位布局就是为开发提供了更好的布局方式,可以根据需求给相应的模块设定相应位置,从而使界面更佳丰富,代码更佳完美。position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。 position属性,它有4个不同类型的定...

CSS 列表样式详解

CSS 列表样式详解

CSS列表用于前端的列表排列。CSS列表属性作用如下:设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像在HTML中,有两种类型的列表:无序列表-列表项标记用特殊图形(如小黑点、小方框等)有序列表-列表项的标记有数字或字母list-style-type:设置列表标志类型...

快速使用CSS 弹性盒子

快速使用CSS 弹性盒子

布局的传统解决方案,基于盒状模型,依赖display属性+position属性+float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现;2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这...

CSS,font-family,好看常用的中文字体

CSS,font-family,好看常用的中文字体

例1(小米米官网):font-family:"Arial","MicrosoftYaHei","黑体","宋体",sans-serif;例2(淘宝技术研发中心):font:12px/1.5Tahoma,Helvetica...

字体和font-family对照表

字体和font-family对照表

windows常见内置中文字体字体中文名   字体英文名   字体应用宋体   SimSun   中文名英文名浏览器默认黑体   SimHei&nbs...

css font-family 字体及各大主流网站对比

css font-family 字体及各大主流网站对比

@常用字体对应表:HTML,CSS,font-family:中文字体的英文名称宋体SimSun黑体SimHei微软雅黑MicrosoftYaHei微软正黑体MicrosoftJhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体...

css font-family属性设置元素的字体

css font-family属性设置元素的字体

font-family属性定义及用法在css中,font-family属性是使用来规定元素的字体系列,把多个字体名称作为一个“回退”系统来保存,如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family属性的值是用于某个元素的字体族名称或/及类族名称的一个优...

css中设置z-index不起作用的解决办法

css中设置z-index不起作用的解决办法

 今天在写一个首页的时候,发现了一个情况:导航的下拉菜单会被banner图挡住。我便去设置z-index属性,但是却没有成功,几经试验后发现了解决css中z-index无效的方法。    想要z-index起作用,需要做到以下两点条件:  1.在添加z-index之前,需要给元素...