我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Css中代码的示例分析

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Css中代码的示例分析

小编给大家分享一下Css中代码的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

text-rendering: optimizeLegibility告诉浏览器如何渲染文本,它并没有作为CSS3的一个标准,而且不同的浏览器有不同的渲染默认设置,严格意义上来说,text-rendering并不能完全保证在用户浏览器上按预想的方式渲染文本。

块级元素才可以float, display:block,默认自动占100%的宽度

header 页头部分

height: 100vh; 意思是100% viewport height

background-size: cover; 背景图片覆盖整个区域,比如一个div, 一个section

background-position: center;背景图片居中

大的背景图片大概有多大?宽度在2700px-3000px之间,高度在1500px-2000px之间

transform,用来操控元素,倾斜skewing,旋转rotating,移动translating,缩放scaling。比如transform: translate(-50%,-50%);向左移动元素自身宽度的50%,向上移动元素自身高度的50%

当给元素绝对定位,常规套路是:position:absolute;width:1000px;top:50%;left:50%;

在背景图片上加上一层颜色,比如渐变色:background-image: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)), url(img/h.jpg);

字体大小和字体粗细的相对性。当字体变大,就要相应降低font-weight的值。

字母间距 letter-spacing

单词间距 word-spacing

链接a的几个状态:.classname:link, .classname:visited, .classname:hover, .classname:active

transition,给元素状态变化的过渡效果

nav导航条

图片缩放:可以让宽和高的某个值固定,另外一个值设置为auto,比如:height:100px;width:auto;

:after,在元素后面追加内容

display: block,另起一行,默认宽度100%

figure, html5元素标签,代表一个内容单元,里面放图表、图片、展示、代码段等,可以被移除而不影响整个页面元素

设置不透明度,opacity: 0.7;注意:这个背景颜色相关

.someclassname:first-child 第一个someclass; .someclassname:last-child 最后一个someclass,也可以用.someclassname:last-of-type

background-attachment: fixed;背景图像不会随着页面其余部分移动;默认值scroll,表示背景图片会随着页面其余部分滚动而移动

blockquote配合cite标签一同使用

以上是“Css中代码的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Css中代码的示例分析

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

CSS中图片Base64编码的示例分析

这篇文章主要介绍了CSS中图片Base64编码的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。什么是 base64 编码?  我不是来讲概念的,直接切入正题,图片的
2023-06-15

编程热搜

目录