02-CSS基础与进阶-day4_2018-08-31-20-42-09

最新推荐文章于 2019-06-18 20:15:00 发布

weixin_30635053

最新推荐文章于 2019-06-18 20:15:00 发布

阅读量293

点赞数

原文链接：http://www.cnblogs.com/HiJackykun/p/11047053.html

版权

css
文字阴影(css3)
text-shadow: 水平位置垂直位置模糊距离阴影颜色

层叠性
1 含义多种css样式叠加,浏览器处理冲突的一种能力
2 原则一般情况下，若出现样式冲突，会按照CSS书写的顺序以最后的为准,样式不冲突，不会层叠
继承性
一般文本颜色和字号,font-开头的属性,text-开头的属性、line-开头的,color可以被继承

02text-decoration属性.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
     <style type="text/css">
       a {
              text-decoration: none;
       }

       p {
           /*line-through中划线 overline上划线 uderline下划线*/
              text-decoration: overline;
       }
     </style>
</head>
<body>
    <a href="#">百度</a>
    <p>11111</p>
</body>
</html>

03css层叠性.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
       

       div {
             color: red;
       }

       div {
             color: yellowgreen;
             font-size: 12px;
       }

       /*
         div {
            color: yellowgreen;
               font-size: 12px;
               color: red;
         }
       */
    </style>
</head>
<body>
    <div>王者农药</div>
</body>
</html>

04css继承性.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        body {
            font-size: 14px;
            color: red;
            font-size: 20px;
            font-weight: 700;
        }
    </style>
</head>
<body>
    <div>
        <p>我是王思聪</p>
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/HiJackykun/p/11047053.html

weixin_30635053

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02-CSS基础与进阶-day4_2018-08-31-20-42-09

css 文字阴影(css3) text-shadow: 水平位置垂直位置模糊距离阴影颜色层叠性 1 含义多种css样式叠加,浏览器处理冲突的一种能力 2 原则一般情况下，若出现样式冲突，会按照CSS书写的顺序以最后的为准,样式不冲突，不会层叠继承性一般文本颜色和字号,font-开头的属性,text-开头的属性、lin...
复制链接

扫一扫