CSS

CSS简介

      CSS是层叠样式表

      样式通常存储在样式<style>标签中

      CSS的好处

        1.大大的简化代码,提高效率

        2.做到表现与样式分离

    通过选择器设置需要改变HTML元素

    CSS的特性

      1.CSS的继承性

      2.CSS层叠性

CSS选择器

  ID选择器

class选择器

标签选择器

群组选择器

后代选择器

子代选择器

紧邻选择器

通用选择器

CSS的样式

  CSS的创建

      行内样式(内联样式)

      <标签 style="属性名:属性值">

      外部样式(内联样式)

      头部添加link标签

      内部样式(内嵌式)

    头部添加style标签

CSS文本

color       设置文字颜色

text-index             设置首行缩进  ,只用于块元素

Word-spacing         设置文字对齐,

                     center    light     left

letter-spacing      改变字之间的标准间隔

text-spacing     处理文本的大小写转换

              none    对文本不做任何改动

             uppercase    将文本转化为大写

             lowercase   转换成小写

              capitalize   对每个单词的首字母大写

text-decoration   文字修饰

                 none     会关闭原本应用到一个元素的所有装饰

                underline   对元素添加下划线

                overline    对元素添加上划线

                line-through   对元素添加贯穿线

vertical-align 设置垂直对齐

                   basline      基准线对齐

                   top            顶端对齐

                  middle       中部对齐

                 bottom      底部对齐

                 line-height    设置行高

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,317评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,501评论 0 40
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,488评论 0 5
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,763评论 0 30
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 2,137评论 0 6

友情链接更多精彩内容