CSS复习

CSS插入html方式

  1. 通过link插入
  2. 通过style标签插入
  3. 在标签的style上设置

CSS的语法

image.png

CSS的的选择器种类

  • 简单选择器(根据名称、id、类来选取元素)
  • 组合器选择器(根据它们之间的特定关系来选取元素)
  • 伪类选择器(根据特定状态选取元素)
  • 伪元素选择器(选取元素的一部分并设置其样式)
  • 属性选择器(根据属性或属性值来选取元素)

框模型

image.png
  1. 外边距margin(外边距合并现象)
  2. 边框border
  3. 内边距padding (背景设置的范围就在内边距和元素部分)
  4. 元素element

CSS的常用属性

  1. 背景background
  2. 边框(包括border,margin,padding,element在内的模型) 外边距合并问题
  3. 轮廓(outline,轮廓是border外的一个东西,不属于边框系统,可以通过轮廓偏移设置二者间的距离)
  4. 文本(包括文本的对齐,装饰,颜色,文字间距,阴影效果等)
  5. 字体
  6. 针对一些特定标签的属性
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、插入视频 var myVideo=document.getElementById("video1"); fun...
    徐薇薇阅读 506评论 0 9
  • 1、css简介 css是层叠样式表,主要用来设置网页的样式,排版,布局、美化页面 2、css规则 css语句都是由...
    爱学习的陈序猿阅读 495评论 0 1
  • 盒模型:每一个元素 都有一个盒模型 内容 设置宽高 是内容部分的宽高 padding内边距 会增加 整个容器的宽高...
    Single_0d63阅读 215评论 0 0
  • CSS组成 CSS=选择器+声明(属性:属性值) 选择器 1. 简单选择器 标签选择器写法 ID选择器写法 cla...
    jdzhangxin阅读 428评论 2 1
  • 使用 opacity 属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度 RGBA 颜色值设置背景色而不...
    荣坤朋_20级强化班阅读 258评论 0 0