关注互联网应用及运维技术的个人博客

标签:css

未分类

HTML+css3实现字体3D效果

赞(0)

主要知识点: 1、text-shadow,这个属性主要是实现了字体阴影效果,当很多个阴影叠加在一起的时候,就形成了立体的效果 2、CSS3变换transform,使用transform属性的skewX(),实现字体在水平方向上倾斜; 3、字...

未分类

使用CSS内的圆角边框样式创建圆角

赞(0)

border-radius 属性用于设置元素的外边框圆角 语法: 参数可以是精确数值,或者百分比来表示 让一个正方形的盒子变成圆形:只需要设置边框圆角为盒子宽度和高度 的一半即可 让一个长方形盒子变成圆角矩形:只需要设置边框圆角为盒子高度的...

未分类

通过使用CSS清除盒子浮动

赞(0)

由于父级盒子很多情况下,不方便给高度,但是盒子浮动又不占用位置,最后父盒子高度为0时,会影响下面的标准流盒子 为什么要清除浮动 由于父级盒子很多情况下,不方便给高度,但是盒子浮动又不占用位置,最后父盒子高度为0时,会影响下面的标准流盒子 由...

未分类

CSS中使用Float浮动使网页布局产生变化

赞(0)

CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用 传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子,把盒子摆放到相应的位置 CSS提...

未分类

CSS中常见的基础选择器和复合选择器

赞(0)

CSS选择器: 就是指定CSS样式要作用的标签。 CSS的选择器分为两大类: 基础选择器、复合选择器。 下面分别来讲一讲这两种选择器中比较常用的。 基础选择器 标签选择器:标签选择器可以把某一类标签全部选择出来 举例: 【注意】: 无论这个...

未分类

CSS用户的界面中可以选择的样式

赞(0)

所谓界面样式,就是更改一些用户操作样式,以便提供更好的用户体验 鼠标样式 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状 语法: 属性值 描述 default 小白箭头 (默认) pointer 小手 (鼠标放在链接时鼠标样式...

未分类

用CSS定位-让盒子自由移动或固定屏幕中的某个位置

赞(0)

定位组成 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 定位模式用于指定一个元素在文档中的定位方式,边偏移决定了该元素的最终位置 定位模式 定位模式取决于元素的定位方式,它通过...