CSS基础笔记一

一、什么是CSS?

CSS 指层叠样式表 (CascadingStyleSheets)

CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

二、如何编写CSS样式?


–内联样式

style属性 <span style="color:red;"></span>

–内嵌(嵌入,内部)样式,head标签中添加style标签。

在head标签中添加style标签。

<head>

<style> p {color:red;} </style>

</head>

–外部样式,外联样式(link)

通过link标签引入css样式文件

<link rel="stylesheet" href="a.css" type="tesxt/css">

•type属性:只有一个选项,“text/css",指定当前为css文本文件

•rel:指定当前HTML文件与CSS文件的关系是样式表。href:指定外联样式表的路径

三、CSS语法

p {color:red}

选择符+声明+大括号(对空格与换行不敏感)

h1{

     width:10px;

    height:20px;

}

四、CSS简单属性

width:设置宽度,单位px像素

height:高度

color:前景色,也就是文字的颜色

background-color:背景色。

font-size:字体的大小。




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,577评论 0 40
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,713评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,788评论 32 459
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 4,806评论 0 4
  • 第6章 开始学习CSS,为网页添加样式 1、认识CSS样式CSS全称为“层叠样式表 (Cascading Styl...
    夏沫xx阅读 4,690评论 1 11

友情链接更多精彩内容