-
图片和文字自适应居中与CSS垂直水平居中
2018-12-19 笑清风 css图片和文字自适应居中与CSS垂直水平居中图片居中:css代码:.banner{width:100%;position:relative;height:600px;overflow:hidden;}.banner img {height: 100%;width: auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}html代码:<div class="tb_banner"><...
-
css盒子模型
2018-10-06 笑清风 csscss盒子模型,英文:Box Model,是用来设计和布局时使用,所有的HTML标记都可以是一个盒子。css盒子模型是网页设计中经常用到的CSS技术所使用的一种思维模型,CSS盒模型本质上是一个盒子,封装周围的HTML元素,它的属性包括:内容(content)、内边距(padding)、边框(border)、外边距(margin)。内容(content),就是盒子里装的东西,显示文本和图像。 边框(border),就是盒子本身,围绕在内边距和内容外的边框。 内边距(padding),围绕在内...
-
css去掉li的圆点
2018-09-23 笑清风 css我们做网页的时候,有时候会用到li,发现li会出现小圆点,不仅很难看,而且影响布局。本篇文章笑清风博客介绍怎么去掉li的圆点。去掉li的圆点有两种css样式可以去掉:一:list-style:none;二:list-style-type:none;以下是完整代码,例只是其中一种:在css里面添加:<style type="text/css">.list li{ list-style:none;}</style>body里面添加html代码:<di...
-
浏览器不兼容,css布局及解决办法
2018-09-21 笑清风 css欢迎使用Z-Blog,这是程序自动生成的文章,您可以删除或是编辑它:)系统生成了一个留言本和一篇《欢迎使用Z-BlogPHP!》,祝您使用愉快!...
-
css图片定位
2018-09-18 笑清风 css在CSS中,背景图片的定位方位有3种:1)关键字:background-position: top left;2)像素:background-position: 0px 0px;3)百分比:background-position: 0% 0%;上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同。前两种定位,都是将背景图片左上角的原点,放置在规定的位置。请看下面这张图,规定的位置是“20px 10px”和"60px 50px"...
-
什么是css样式?
2018-08-30 笑清风 cssCSS:全称:Cascading Style Sheets,中文称层叠样式表。它是1994年哈坤·利提出来的,同年和设计Argo的浏览器伯特·波斯一起设计CSS。CSS是为了减少html的杂乱、臃肿和页面的功能需求和显示需求而诞生的。CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有...
-
css文件命名规范以及常用类命名、ID命名规范
2018-08-22 笑清风 css欢迎使用Z-Blog,这是程序自动生成的文章,您可以删除或是编辑它:)系统生成了一个留言本和一篇《欢迎使用Z-BlogPHP!》,祝您使用愉快!...
