CSS
zhao1519937848
这个作者很懒,什么都没留下…
展开
-
css3新增的属性有哪些
1.border-radius 圆角边框2.背景background-size: 属性规定背景图片的尺寸。在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。您能够以像素或百分比规定尺寸。如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。几个常用的属性值 background-size:cover | contain | auto | 具体像素px | 百分比 % background-ori...原创 2020-07-06 16:44:53 · 395 阅读 · 0 评论 -
移动端适配之viewport + rem布局
html头部添加meta标签<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>引入rem.js(在这里设计稿尺寸为750px,可自行根据设计稿尺寸设置对应的值)varfn...原创 2020-04-01 20:00:09 · 586 阅读 · 0 评论 -
flex弹性布局
1.dispiay:flex;//设置为弹性盒子2.flex-direction()主轴的方向row默认一行/row-revers:反转/column:纵向排列/column-reverse:反转。3.justify-content(主轴对齐方式):flex-start(默认,左对齐)/flex-end(右对齐)/center(居中)/space-between(两端对齐,中间自动分配)/s...原创 2020-04-01 19:56:06 · 142 阅读 · 0 评论 -
HTML常见bug以及解决方案
1.图片间隙div中的图片间隙bug:在块元素中插入图片时,有时图片会将块元素下方撑大三个像素。hack:给<img>添加声明:display:block;vertical-align:middle2.css兼容问题1)表单元素行高不一致(IE,MOZ,C,O,S)BUG:表单元素行高对齐方式不一致hack:给表单元素添加声明:flo...原创 2020-04-01 19:54:52 · 1044 阅读 · 0 评论 -
link 标签导入样式和 import 标签导入样式的区别
link 属于html 标签,而 @import 是 css 提供的; 页面被加载时,link 会同时被加载,而 @import 引用的 css 会等到页面加载结束后加载; link 方式样式的权重高于 @import 的; link 可以使用 js 动态引入,@import不行; link 此没有兼容性要求,而 @import IE低版本浏览器不支持。...原创 2019-10-07 12:02:08 · 640 阅读 · 0 评论 -
文本显示行数控制
1.单行文本溢出显示省略号overflow:hidden; //溢出隐藏text-overflow:ellipsis;//超出显示省略号white-space:nowrap;//强制文本在一行内显示2.文本显示行数控制overflow: hidden;text-overflow: ellipsis; // 超出显示'...'display: -webkit-box; /...原创 2019-10-07 11:56:43 · 653 阅读 · 0 评论 -
单行文本溢出显示省略号
单行文本溢出显示省略号的写法1.容器宽度:width:value;2.强制文本在一行内显示:white-space:nowrap;3.溢出内容隐藏:overflow:hidden;4.溢出文本显示省略号:text-overflow:ellipsis;...原创 2019-06-22 09:56:39 · 191 阅读 · 0 评论 -
如何清除浏览器或者标签默认内外边距?
*{margin:0;padding:0;}此css语句用来去掉间距原创 2019-06-22 09:50:49 · 4115 阅读 · 0 评论 -
css盒模型的组成(margin、padding)
1.盒模型的概念和组成 1)盒模型的概念:css定义的所有元素都可以拥有像盒子一样的外形和平面空间,它是css布局的基石,它规定了网页元素如何显示以及元素间的相互关系。 2)css盒子模型都具备这些属性:内容(content)、填充(padding)、边框(border)、边界(margin)2.padding定义:padding是元素内容到元素边框之间的距离,叫内填充、补白或内边距;...原创 2019-06-22 09:44:11 · 1224 阅读 · 0 评论 -
css背景属性
css背景 1)背景颜色 background-color:颜色值; 如background-color:#f00; 2)background-image:url(背景图片的路径及全称); 如background-image:url(image/1.jpg);(在设置css背景图片的时候要注意css文件与背景图片文件的相对路径)网页上有两种图片形式:插入图片、背景图;插入图片:属于网...原创 2019-06-22 09:34:58 · 293 阅读 · 0 评论 -
css文本属性
css属性值:属性值包括法定属性值和常规的数值加单位或颜色值。css文本属性1)文本大小:font-size:value; 如:font-size:12px;说明:属性值为数值型时,必须给属性值加单位,属性值为0时除外 单位还可以是pt,9pt=12px 默认情况下,1em=16px,0.75em=12px; 使用绝对大小关键字:xx-small=9px;x...原创 2019-06-22 09:23:24 · 273 阅读 · 0 评论 -
css特性
CSS三大特性:特殊性、继承性、层叠性特殊性:即权重继承性:子元素会继承父元素的一些属性层叠性:样式产生冲突时,会如何加载 1).选择器权重大的优先加载 2)权重一样时,按照文件的读写顺序,后写的会覆盖先写的样式。...原创 2019-06-22 09:09:35 · 83 阅读 · 0 评论 -
css选择器以及权重
css选择器选择器表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素。 css选择器常用的有3大类:标签选择器,id选择器,类选择器 1)标签选择器:标签名{属性名:属性值;属性名:属性值} 例如div{width:200px;height:100px;} 2)id选择器:给标签一个id 例如<div id="one"></div> 使...原创 2019-06-22 08:57:04 · 323 阅读 · 0 评论