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小时内删除。