css常用格式化样式
CSS(层叠样式表)用于设计和格式化网页的外观和样式。下面是一些常用的格式化样式:
1.文本格式化:
●修改字体:font-family:Arial,sans-serif;
●修改字体大小:font-size:16px;
●修改字体粗细:font-weight:bold;
●修改字体颜:color:#333;
●修改行高:line-height:1.5;
●修改文字对齐方式:text-align:center;
2.盒子模型格式化:
●修改元素的宽度和高度:width:200px;height:100px;
●设置边框:border:1px solid#ccc;
padding是外边距还是内边距●设置内边距:padding:10px;
●设置外边距:margin:20px;
●设置元素的背景颜:background-color:#f5f5f5;
3.背景格式化:
●设置背景图片:background-image:url('example.jpg');
●背景图片重复方式:background-repeat:no-repeat;
●背景图片位置:background-position:center center;
●背景图片大小:background-size:cover;
4.元素定位:
●设置元素相对定位:position:relative;
●设置元素绝对定位:position:absolute;
●元素位置:top:50px;left:20px;
5.清除浮动:
●清除浮动:.clearfix::after{content:"";display:table;clear:both;}
6.响应式设计:
●媒体查询:@media screen and(max-width:600px){在小屏幕下的样式body{font-size:14px;}}
这些是一些常见的CSS格式化样式,用于调整文本、盒子模型、背景、定位和响应式设计等方面的样式。根据网页设计的需要,可以结合不同的属性和值来创建所需的样式。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论