您现在的位置是:首页 >>CssCss

css类

zhang2019-08-31 10:49:13【Css】人已围观

简介:
css样式,奇数偶数背景样式用法.course li:nth-of-type(odd){ background-color: #d36e14;}.course li:nth-of-...

css样式,奇数偶数背景样式用法
.course li:nth-of-type(odd){ background-color: #d36e14;}
.course li:nth-of-type(even){ background-color: #0596ac;}

.ha-index-section__list--item:nth-child(2n) 使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。

选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:第一条特殊样式css用法
p:first-child
{
background-color:yellow;
}</pre><pre class="code">CSS指向性的用法。
例如:
<style type="text/css">
td[data-edit="text"] {color: red;}
</style>
这里td下的data-edit="text"与其他的几个值是不一样的,就可以直接指定这个td一个单独的CSS样式。</pre><pre class="code">cursor:pointer; 鼠标放上去变小手
text-decoration:underline;下划线
text-decoration:none;清除下划线
border: 1px solid #f08200;加边框
border-radius: 28px;圆角
opacity: 1 ;背景透明度
list-style-type:none;去除标题前的黑点
text-shadow:5px 2px 6px #000; 文字阴影
box-shadow: 0.02rem 0.03rem 0.03rem #000; 背景阴影
display: block;文字换行显示
对a标签样式加display:block;或者display:inline-block;加后实现成块状属性
clear: both 清除浮动效果
background-repeat: no-repeat 背景图片不重复出现
background-image: linear-gradient(to right , #ff5461 ,#ef2e3c); 背景颜色渐变
overflow-y: scroll;下拉菜单
-webkit-appearance: none;清除苹果手机input自带样式
box-sizing: border-box;宽高不会被撑大





上一篇:css手册

下一篇:给span设置宽和高

文章评论

    评论加载中...

标签云

站点信息

  • 建站时间:2018-11-17
  • 文章统计:98篇文章
  • 微信交流:扫描二维码,添加我
在线客服
在线客服
在线咨询:
点击这里给我发消息技术交流
点击这里给我发消息技术交流
点击这里给我发消息技术交流
电话咨询:
(微信同步)
15629136039
微信公众号