网页分成三个部分:
结构(HTML)
表现(CSS)
行为(JavaScript)
CSS
- 层叠样式表
- 网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式
而最终我们能看到只是网页的最上边一层
- 总之一句话,CSS用来设置网页中元素的样式
使用CSS来修改元素的样式

第一种方式(内联样式,行内样式):
- 在标签内部通过style属性来设置元素的样式
- 问题:
使用内联样式,样式只能对一个标签生效,
如果希望影响到多个元素必须在每一个元素中都复制一遍
并且当样式发生变化时,我们必须要一个一个的修改,非常的不方便

        - 注意:开发时绝对不要使用内联样式

基本语法

CSS中的注释,注释中的内容会自动被浏览器所忽略

    CSS的基本语法:选择器 声明块选择器,通过选择器可以选中页面中的指定元素比如 p 的作用就是选中页面中所有的p元素声明块,通过声明块来指定要为元素设置的样式声明块由一个一个的声明组成声明是一个名值对结构一个样式名对应一个样式值,名和值之间以:连接,以;结尾
      p{color: red;font-size: 40px;}h1{color: green;}

css简介,基本语法相关推荐

  1. W3school:CSS基础:教程、简介、语法、选择器、使用(在HTML中引入)

    W3school:CSS基础:教程.简介.语法.选择器.使用(在HTML中引入) 教程.简介: 链接:https://www.w3school.com.cn/css/index.asp 一.CSS语法 ...

  2. css专栏 01.css简介 02.css注释及语法结构

    # 02.css注释及语法结构[toc]{type: "ol", level: [3]}### css注释 - 单行注释 ```css /*单行注释*/ ``` - 多行注释 `` ...

  3. 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性

    内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...

  4. CSS系统学习之CSS简介

    网页的构成 一个网页构成有三要素:结构.样式.行为,而结构用HTML控制,行为用JavaScript控制,样式用CSS控制. CSS简介 CSS,层叠样式表,网页实际上是一个多层结构,通过CSS可以分 ...

  5. Web学习第四天——CSS简介、选择器,常用(文本、字体、列表、背景、超链接)样式

    Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式 一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...

  6. HTML CSS 简介

    HTML & CSS 简介 (本文主要说明HTML,CSS后续更新) 本文章用作笔记方便后期查找,想学习的同学也可以一起讨论. 文章目录 HTML & CSS 简介 HTML简介 CS ...

  7. python全栈开发第二天(CSS简介,CSS常用的属性)

    第二天 CSS简介 什么是css css三种引入方式 css选择器 引入方式的css优先级 三种基本选择器的优先级 关系选择器 css常用的属性 css颜色的表示方法 背景属性 字体属性 边框属性 内 ...

  8. css简介与选择器(优先级)

    CSS简介: html是对网页划分区域 css是对划分区域的美化 语法: 选择元素{ 属性1:属性值1, 属性2:属性值2 - } <div style="width: 100px; ...

  9. css笔记一-CSS简介、基础选择器、字体和文本样式

    一 一.CSS简介 1.1.什么是CSS? CSS(Cascading style sheets):层叠样式表 CSS作用:给页面中的HTML标签设置样式 1.2.CSS语法规则 写在哪里? css写 ...

最新文章

  1. 2019 ICPC Asia Nanjing Regional K.Triangle(求一个能将三角形分成两个面积相同的线段、计算几何)
  2. 英特尔分拆McAfee:31亿美元将多数股权卖给投资公司TPG
  3. .CS文件编译生成.DLL文件 .EXE文件(C#网络搜集)(转)
  4. mysql -ss -e_课内资源 - 基于ssm框架和mysql的网上选课系统
  5. sap 标准委外和工序委外_「SAP技术」SAP MM 委外加工采购流程里副产品的收货
  6. 适合python爬虫使用的浏览器_python爬虫:使用Selenium模拟浏览器
  7. sqlcipher java_纯java环境下sqlsqlcipher解密sqlite数据库文件
  8. ExtJS2.0实用简明教程 - Form布局
  9. 0523- 人员定位系统问题随手记
  10. python怎么调用函数的返回值_python函数的返回值是什么
  11. kotlin-2(IdeaIU-2018.2汉化破解)
  12. http://www.eoeandroid.com
  13. excel输入 正在计算机,在Excel中输入内容后如何自动填写日期和时间
  14. linux垃圾文件清理,请问 如何linux 垃圾文件清理、
  15. 北京城市总体总体规划 下载_总体表现
  16. 2021-10-18记录 MediaTek MT7620A 平台对应的类型
  17. ISLR 读书笔记二:评估模型的准确性
  18. 基于共识算法和区块链模拟实现超级账本
  19. repo拉代码The remote end hung up unexpectedly解决方法
  20. 倍福触摸屏维修倍福工控机维修CP3916-0010详解

热门文章

  1. Android 华为平行视界适配(左右分屏)
  2. 阿里云李克:阿里云边缘云计算的技术和实践
  3. 【我的OpenGL学习进阶之旅】什么是TGA文件以及如何打开TGA文件?
  4. 前端 获取 扫码枪等扫码设备输入内容:2种方式
  5. web test LoadRunner error list / error log
  6. c语言case什么,switch
  7. LeetCode日拱一卒
  8. 全球第三大网络银行VirtaPay,现在注册送100美元,每天登陆一天送20美元 .
  9. 八进制和十六进制表示
  10. 基于抽象语法树的Online Judge语义查重系统设计与实现(毕设)