CSS基本知识

作者: 梨啊梨 | 来源:发表于2017-08-10 15:21 被阅读0次

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

CSS样式的组成:


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

如果有多条声明,用分号隔开


内联式css样式

就是把css代码直接写在现有的HTML标签中,如:

<p style="color:red">xxxxxxxxx</p>

如果有多个参数,用分号隔开


嵌入式css样式

如果有多个元素需要改成同一个样式,则可以使用嵌入式css样式

首先一般情况下嵌入式css样式写在<head></head>之间,然后如下:

<style type="text/css>

span{  

       color:red;

       font-size:18px

       }

</style>


外部式css样式(外联式)

就是创建个新的css文件,把属性都写在这个文件中

文件要以“.css”为扩展名,在<head>内,使用<link>标签将css样式文件链接到HTML文件内

如:

<link href="main.css" rel="stylesheet" type="text/css" />

注:

css样式名要以有意义的字母命名如:main.css

rel 和type里的是固定写法,不可以修改

<link>标签位置一般写在<head>标签内


1.  内联样式表的权值最高 1000

2.  ID 选择器的权值为 100

3.  Class 类选择器的权值为 10

4.  HTML 标签选择器的权值为 1

CSS 优先级法则:

A  选择器都有一个权值,权值越大越优先

B  当权值相等时,后出现的样式表设置要优于先出现的样式表设置

C  创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式

D  继承的CSS 样式不如后来指定的CSS 样式

E  在同一组属性设置中标有“!important”规则的优先级最大

相关文章

  • 有了这些CSS套路,你也可以做一个漂亮的简历

    简历效果预览:简历原图预览 Resume 预备知识 HTML 基本标签 CSS 基本知识 DIV+CSS 布局知识...

  • 第6-9章CSS

    目录 第6章、开始学习CSS,为网页添加样式 第7章 CSS样式基本知识 第8章 CSS选择器 第9章CSS的继承...

  • CSS基本知识

    CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...

  • CSS基本知识

    1,css的全称是什么? Cascading Style Sheets 层叠样式表 2,CSS有几种引入方式? l...

  • css基本知识

    1)内嵌式写法 2)常用属性 3)选择器的分类一: 基础选择器 标签选择器 类选择器a, 先定义类样式 b,然后要...

  • css基本知识

    认识css css作用:给网页中的每个元素进行化妆,排版布局,让网页更精美 完全没有使用css的页面:基本就是一堆...

  • CSS葵花宝典——基础入门

    CSS的基本知识很简单,你只要知道有哪些基本样式属性、CSS的选择器,怎么在页面应用CSS,就可以随便倒腾试试手了...

  • CSS-IFC:字体度量、line-height、vertica

    IFC:inline formatting content 基本知识点:深入理解CSS:字体度量、line-hei...

  • html和CSS基础课程(7-1 7-2 7-3 7-4)

    7章 CSS样式基本知识 这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CS...

  • CSS position 知识

    css positon 基本知识position 指定一个元素在文档中的定位方式 top bottom right...

网友评论

    本文标题:CSS基本知识

    本文链接:https://www.haomeiwen.com/subject/ltdhrxtx.html