css常用属性

链接

  四种状态:

          a:link    普通的,未被访问的 ;a:visited  用户已访问的;a:hover  鼠标指针位于链接上方;a:avtive  被点击时刻。

 链接下划线:

        通过css样式中的属性去掉下划线:text-decoration:none; ,即可去除。

列表

   如何更改列表的排序图标

        list-style-type: 无论是无序列表还是有序列表,可以通过这个属性来设置是否加列表项前的序号,常用于做导航栏时。

       list-style-image:该属性是设定用已有的图片作为列表项前的序号或者是小图标,如默认的是“实心圆”“阿拉伯数字”“罗马数字”等。

边框

  边框样式

      border-style:定义的是四条边框的统一样式;

           border-top-style:定义上边框的样式

           border-bottom-style:定义下边框

           border-left-style:定义左边框

           border-right-style:定义右边框

    border-width:定义四条边框的统一宽度

        同上,border-top-width;border-bottom-width;border-left-width;border-right-width。

  border-color:同上。

圆角边框

      border-radius:这个属性用于设置圆角边框,属性值时以“px”为单位的。

浮动

    float:left/right    可以通过float来添加浮动,浮动可以将默认为垂直排放的div、li等标签,使其水平排放。除此之外,可以设置水平排放元素的还有display属性,display:inline。

   clear:left/right     可以去除某些元素的浮动

转载于:https://www.cnblogs.com/13330893721zhy/p/11287969.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS是一种用于网页设计的样式表语言,它可以控制网页的布局、字体、颜色、大小、背景、边框、动画等方面。下面是一些常用CSS属性和动画特效: 1. 属性 - background-color:设置元素的背景色。 - color:设置元素的文字颜色。 - font-size:设置元素的文字大小。 - border:设置元素的边框。 - padding:设置元素的内边距。 - margin:设置元素的外边距。 - display:设置元素的显示方式,如block、inline、inline-block等。 - position:设置元素的定位方式,如relative、absolute等。 - z-index:设置元素的堆叠顺序。 - transform:设置元素的变换效果,如旋转、缩放、平移等。 2. 动画特效 - transition:设置元素的过渡效果,如颜色、大小、位置等属性的变化过渡。 - animation:设置元素的动画效果,如旋转、移动、闪烁等。 - keyframes:定义动画的关键帧,即动画从哪个状态到哪个状态。 例如,实现旋转照片墙可以使用以下CSS代码: ```css .photo-wall { display: flex; flex-wrap: wrap; justify-content: center; } .photo { width: 200px; height: 200px; margin: 10px; border: 1px solid #ccc; transition: transform .5s ease-in-out; } .photo:hover { transform: rotateY(180deg); } ``` 其中,.photo-wall是照片墙的容器,.photo是每张照片的样式,当鼠标悬停在照片上时,会触发transform属性的变化,从而实现照片的旋转效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值