CSS样式表基础(一)

1、CSS语法:

选择器 { 属性名: 属性值; 属性名: 属性值; }
如:
p { color: red; font-size: 24pt; }
在这个例子中,p 是选择器,color 和 font-size 是颜色属性和字体大小属性,red 和 24pt 是字体的颜色值和字体的大小值。

2、创建 CSS

插入样式表的方法有三种:

  1. 外部样式表
    当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link> 标签在(文档的)头部:
    外部样式表文件名是以".css"后缀结尾的,这里文件名为“mystyle.css”。浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档,如:
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
  1. 内部样式表
    单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style></style>,在标签之间填写CSS内容,标签在文档头部定义内部样式表,如:

    <head>
    <style>
    body { background: #ccf; }
    </style>
    </head>
  2. 内联样式
    要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。
    如:

<p style="color: red; font-size: 36pt">
这是一个段落
</p>

若直接写在HTML代码页中,2、3方法更推荐第2种方法,css样式更集中,修改更方便!

全部评论

相关推荐

bg27强双非本,目前在学习golang后端gin框架部分,在b站找了一个轮子项目敲了一下,技术栈是gin&nbsp;+&nbsp;gorm&nbsp;+&nbsp;mysql&nbsp;+&nbsp;redis。我目前的想法是这一个月学习408和go八股以及刷算法然后在12月找个寒假实习然后大三下开始准备考研。我是考研意愿比较强烈,想问一下我是应该all&nbsp;in其中一个方向吗,我感觉我实习对我考研来说也是没什么帮助的好像。
牛客28967172...:毕业工作,考研,考公是完全不同的方向。 99%的人拼尽全力也只能把一个做好(能做好都已经是佼佼者了,比如进进大厂,考985或者考公) 如果你确定要考研可以不用学任何就业技术框架,也不用实习经验,刷题背知识点就行,但注意必须考92院校起步,因为这个年代双非硕毕业后完全不如双非本(互联网行业),可以说双非硕在互联网就业完全是负收益
投递哔哩哔哩等公司10个岗位
点赞 评论 收藏
分享
10-17 13:54
上海大学 运营
雾凇岛:这还说什么了,冲了兄弟们
点赞 评论 收藏
分享
09-25 00:00
已编辑
电子科技大学 Java
球球与墩墩:这不是前端常考的对象扁平化吗,面试官像是前端出来的 const flattern = (obj) => { const res = {}; const dfs = (curr, path) => { if(typeof curr === 'object' && curr !== null) { const isArray = Array.isArray(curr); for(let key in curr) { const newPath = path ? isArray ? `${path}[${key}]` : `${path}.${key}` : key; dfs(curr[key], newPath); } } else { res[path] = curr } } dfs(obj); return res; }
查看3道真题和解析
点赞 评论 收藏
分享
评论
点赞
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务