码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础学习

时间:2018-10-07 13:51:00      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:结构   png   实现   样式   alt   bsp   不能   技术   css   

CSS(Cascading Style Sheet,层叠样式表)类似于表格、框架,是一种网页布局方式,但相对于表格、框架来说,CSS是一种标准的格式化网页的方式,是主流。

优点:

  • 将格式和结构分离
  • 精确控制页面布局
  • 制作体积更小、下载更快的网页
  • 可以实现许多网页同时更新(重用)

HTML标记选择器示例

h1{
    font-family:黑体;
    font-size:24px;
    color:black;
}

类选择器示例

.a1{
    border-style:solid;
    border-width:10px;
    border-color:red;
    margin:20px;
}

-------------------------

<div class="a1">  </div>

 ID选择器示例

#happy{
    color:#99FF66;
}
#bold{
    font-weight:bold;
}
/* 选择器名称不能重名 */

-----------------------

<h1 id="happy">  </h1>
<h1 id="bold">  </h1>

 

CSS由“对象”、“属性”、“值”构成

选择器{属性1:属性值1;属性2:属性值2;……}

selector{property1:vlaue1;property2:value2;...}

“对象”在CSS中定义为“选择器”

技术分享图片

注:后代选择器 div p选择器可以解释为 “作为 div 元素后代的任何 p 元素”

CSS基础学习

标签:结构   png   实现   样式   alt   bsp   不能   技术   css   

原文地址:https://www.cnblogs.com/zhanghx/p/9749910.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!