![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css-Tip
syf19720428
伪球迷 前端web开发的小透明
展开
-
建站css-tip
样式技巧缩放放大样式 transform:scale(2.5);点击图片时放大2.5倍,HTML 5 ,样式独特 2卡片式阴影布局box-shadow:0 1px 4px rgba(0,0,0,6)语法:box-shadow: h-shadow v-shadow blur spread color inset; 注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表原创 2016-07-20 10:02:07 · 268 阅读 · 0 评论 -
css 选择器
元素选择器元素选择器:基本选择器类型选择器类型选择器:元素选择器,又称类型选择器通配符选择器*{ padding:0; margin:0;}所有元素的分组选择器css类选择器类选择器允许以一种独立于文档元素的方式来指定样式。 结合元素选择器<p class="import"></p><h1 class=”import"></h1>p.important {color:red;原创 2016-07-22 17:59:18 · 381 阅读 · 0 评论 -
css 行框和清理
float:实现元素的浮动; 行框和清理 浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。 要想阻止行框围绕浮动框,需要对该框应用 clear 属性。clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。 为了实现这种效果,在被清理的元素的上外边距上添加足够的空间,使元素的顶边缘垂直下降到浮动框下面: 假设希望让一个图片浮原创 2016-07-22 11:49:40 · 616 阅读 · 1 评论 -
css 定位与行框&行内框
定位:允许对元素进行定位 浮动:允许对元素进行浮动 定位+浮动=列式布局万物皆为框 块级元素:div h p; 行内元素:span strong,a; 通过display属性改变框的类型行框和行内框行内框 行内框只是一个概念,它无法显示出来,但是它又确实存在它的高度就是行高在没有其他因素(padding)影响的时候,行内框等于内容区域 行框 - 行框(line b原创 2016-07-22 11:21:02 · 4307 阅读 · 0 评论 -
css 框模型要点
框模型的概述 注意:外边距可以是负值,而且在很多情况下都要使用负值的外边距。 浏览器的兼容性 一旦页面设计了合适的DTD(文档类型定义:是一套为了进行程序间的数据交换而建立的关于标记符的语法规则) 问题 IE 5 和 6 的呈现却是不正确的。根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的。不幸的是,I原创 2016-07-22 10:33:40 · 264 阅读 · 0 评论 -
建站过程中对浏览器样式的初始化问题
样式表初始化 css-stylesheet init in the browers全局选择器*{padding:0;margin:0;}html,body{ overflow:hidden; position: font: font-family:ul,li{list-style:none;vercital-align:}em,i{font-style:原创 2016-07-27 10:54:57 · 221 阅读 · 0 评论 -
css:display的属性选择
display:inline-block,inline,block以上三种属性 其中inlinie-block(内联元素块)又称为行内元素;block(块级元素)术语block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inl原创 2016-08-03 16:07:22 · 747 阅读 · 0 评论