美文网首页
(7)认识CSS

(7)认识CSS

作者: 昵称最难起 | 来源:发表于2016-04-24 20:29 被阅读26次
想要同意修改HTML文件中的样式。
需要在外部建立.CSS文件。
并且在.html文件中链接它。
lounge.css内容如:(注意没有style{})
h1,h2
{
font family:sans-serif;
color:gray;
}
p{color:maroon;}
然后在.html文件中链接:
<link type:"text/css" rel="stylesheet" href="lounge.css">

想修改特定一个或几个标签内的内容可以采用“类”class

<p class="greentea"></p>
<blockquote class="greentea"></blockquote>

然后在css文件中

p.greentea,blockquote.greentea
{
color:green;
}

如果想修改所有的greentea类:

.greentea{
color:green;
}

也可以一个标签属于多个类:

<p class="greentea redtea coffee"></p>
QQ20160424-0@2x.png

相关文章

  • (7)认识CSS

    想修改特定一个或几个标签内的内容可以采用“类”class 然后在css文件中 如果想修改所有的greentea类:...

  • CSS认识7

    问题 在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例1 在文档流块级...

  • CSS:7个你可能不认识的单位

    CSS:7个你可能不认识的单位2016-09-18 野狗 ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ 众所周知,当使用CSS技...

  • CSS认识

    文本缩进距离 text-indent:2em 缩进2个文本。 1em=1 font-size(相对1个字体大小)...

  • CSS:认识 css reset

    什么是css reset.? reset,重置。顾名思义,css reset就是重置样式。 为什么需要css re...

  • 关于css

    一.认识CSS css简介,css全称是层叠样式表,Cascading style sheets css的作用,主...

  • css 盒子模型的认识了解

    css 盒子模型的认识参考http://www.runoob.com/css/css-boxmodel.html...

  • CSS学习

    1 CSS基础 1.1 认识CSS CSS全称为“层叠样式表 (Cascading Style Sheets...

  • CSS 基础

    1、认识 CSS 样式 1.1、css 样式的优势 css 全称为“层叠样式表(cascading style ...

  • CSS基础知识一

    知识点导航 一、CSS初步认识

    CSS整体感知 css 是 cascading style sheet 层叠...

网友评论

      本文标题:(7)认识CSS

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