前端开发学习笔记(三)- Css 样式

一.认识CSS样式

CSS全程为“层叠样式表(Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等.使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有统一的字体,字号或者颜色等。

二.CSS样式的优势

使用CSS样式可以减少代码的冗余,减少了很多重复的代码。

三.CSS代码语法

css样式:由选择符和声明组成,而声明又由属性和值组成。

选择符:又称选择器,指明网页中要应用样式规则的元素。

声明:在英文大括号"{}"中的就是声明,属性和值之间用英文冒号":"分割。当有多条声明时,中间可以用英文分号";"分割

CSS样式从代码插入的形式开看基本可以分为以下三种:内联式,嵌入式,和外部式三种。

(1)内联式 CSS样式表就是把CSS代码直接写在现有的HTML标签中,CSS样式代码要写在style = "双引号中,如果有多条CSS样式代码设置可以写在一起,中间用分号隔开."

(2)嵌入式css样式就是可以把CSS样式代码写在<style type="text/css"t></style>标签之间.嵌入式CSS样式必须写在<style></style之间>,并且一般情况下嵌入式CSS样式写在<head></head>之间

三种样式的优先级:内联式>嵌入式>外部式

嵌入式>外部式有一个前提:嵌入式CSS样式的位置一定在外部式的后面,简而言之就是就近原则(离被设置元素越近,优先级越高).

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,228评论 0 7
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,665评论 0 30
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 1,071评论 1 11
  • 1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义H...
    静默丶阅读 5,761评论 30 95
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,209评论 0 40