〇三——css常规使用

我们在前面已经学习了常用的html基础,就可以画出一个最直接的‘裸体’ ,那么这么画出来的比较简陋,那怎么能让他变得更漂亮呢?这里就引出今天要讲的——css 我们先看看怎么把页面加上修饰的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <…

css 层叠样式表 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector { property: value; property: value; ... property: value } 例如: h1 {color:red; font-size:14px;} 两种功能:对标签样式渲染,和页面布局 CSS1.查找标签(选择器)通过选择器去查找标签 2.操作标签(属性操作) 一.引用方式: 1.行内式<标签名 style="属性1:值1;属性2:值2"&…

三.CSS层叠机制

概述层叠就是对样式的层叠.是某种样式在样式表中逐层叠加的过程.让浏览器对某个标签特定属性值的多个来源,最终确定使用那个值.层叠是整个CSS的核心机制. HTML文档样式的来源 1.浏览器默认样式,每个浏览器本身就有一套默认的样式 2.用户样式,这对于视障用户很重要 3.作者样式.也就是Web开发者设计的样式浏览器层叠各个样式的顺序: 浏览器会按照上面的顺序,依次检查每个样式的来源,并更新相关标签的设定,当整个检查更新结束后,再将每个标签以最终设定的样式显示出来层叠规则规则一:找到应用给每…

3月22日 html(三)css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. 一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p //格式对p标签起作用 {…

WEB入门三 CSS样式表基础

学习内容 Ø CSS的基本语法 Ø CSS选择器 Ø 常见的CSS样式 Ø 网页中3种使用CSS的方式能力目标 Ø 理解CSS的作用 Ø 掌握CSS基本语法 Ø 熟练掌握CSS选择器的定义和使用会使用CSS设置文字样式本章简介对于网页设计者而言,如果希望网页美观.大方,并且升级方便.维护轻松,那么仅仅使用 HTML 不能满足要求,CSS (层叠样式表)在这中间扮演着重要的角色.HTML规定了…

CSS基础语法(三) CSS的6种特性

样式表常用写法及特性(组合.继承.关联性.权值性.层叠性.重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开.-例如:段落元素p.单元格元素td和类c1可以使用相同样式: p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2.样式的继承:若子元素未定义,则它将继承上级元素的样式的定义.但存在少数属性不能继承.(但注意有一些css样式是不具有继承性的.如border:1px solid red;) 继承时会一直向上找,如果…

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…