当前位置:首页 » 《休闲阅读》 » 正文

美图秀秀和网页美工的合作_靠技术吃饭的博客

10 人参与  2022年02月04日 15:58  分类 : 《休闲阅读》  评论

点击全文阅读


CSS的基本书写格式

  • 前言
  • 一、CSS的组成
    • 1、选择器
    • 2、一条或多条声明
    • 3、书写格式
  • 二、CSS的代码风格
    • 1、样式格式书写
    • 2、样式大小写风格
    • 3、样式空格风格


前言


1、HTML主要做结构,显示元素内容

2、CSS美化HTML,布局网页

CSS最大价值:HTML做结构呈现,样式CSS,即结构(HTML)与样式(CSS)相分离


一、CSS的组成


1、选择器


根据不同需求把不同的标签选出来这就是选择器的作用,简单说就是选择标签用的


2、一条或多条声明


(1)花括号内是对该对象设置的具体样式

(2)属性和属性值以“键值对”的形式出现

(3)属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等

(4)属性和属性值之间用英文“:”分开

(5)多个“键值对”之间用英文“;”进行区分


3、书写格式

书写规范:

选择器{样式} 

例子:

p{
     /* 修改了文字颜色为红色 */
    color: red;
     /* 修改了文字大小为12像素 */
    font-size: 12px;
   }

CSS 的效果:
      给谁改样式{ 改什么样式}


二、CSS的代码风格


1、样式格式书写

(1)紧凑格式

h1{ color :pink;font-size:30px;}

(2)展开格式

h1{
      color :pink;
      font-size:30px;
    }

2、样式大小写风格

(1)小写

h3 {
       color: pink;
     }

(2)大写

H3 {
       COLOR: PINK;
     }

3、样式空格风格

代码样式:

h3 {
       color: pink;
     }

注意:

1、属性值前,冒号后面,保留一个空格

2、选择器(标签)和大括号中间保留空格


点击全文阅读


本文链接:http://zhangshiyu.com/post/34279.html

样式  属性  书写  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • (番外)+(全书)错位时空的恋人+后续+结局(苏璃沈星澜)全书在线_错位时空的恋人+后续+结局免费列表_笔趣阁(苏璃沈星澜)
  • 「被卖十亿后,她的马甲亮啦」章节彩蛋限时释出‌_花落牧轻舟小说章节分享
  • 周语徐西洲(爱已戛然而止全书+后续+结局)全书周语徐西洲读结局_(周语徐西洲爱已戛然而止全书+后续+结局读全书结局)结局列表_笔趣阁(周语徐西洲)
  • 重生妹妹与自闭症哥哥(沈寒舟沈清然)全书沈寒舟沈清然结局_沈寒舟沈清然+结局列表_笔趣阁(重生妹妹与自闭症哥哥全书+后续)
  • 给五十任夫君过喜的任务娘交给我了,许莺莺列表_给五十任夫君过喜的任务娘交给我了,许莺莺
  • [恋爱脑养女被全网网暴]章节世界观揭秘篇‌_[陆琦温言魏敛]章节试读
  • 「外婆葬身火海那夜,失忆男友终于悔悟」后续全文免费阅读_[沈也苏漾温言]角色专属支线试读入口
  • 全书浏览她已走远后续+(苏然霍霆舟)_她已走远后续+(苏然霍霆舟)全书结局
  • 我再一次见到霍霆舟,是在酒吧。医院部门聚会。我们的包房,正好在霍霆舟他们旁边。年轻的罗医生却喝了酒,在走廊看见路过的叶南,要她的微信。
  • 龚亦遥(老公让我为白月光挡灾,我死后他一夜疯魔)_龚亦遥列表_笔趣阁(老公让我为白月光挡灾,我死后他一夜疯魔)
  • 秦彦琛(半生烟雨终不见)结局_(秦彦琛半生烟雨终不见全书结局)结局列表_笔趣阁(秦彦琛)
  • (番外)+(全书)往梦难复温+结局+番外(沈淮霆宋思予)列表_往梦难复温(沈淮霆宋思予)全书+后续+结局在线

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1