- 您现在的位置:
- 首页
- >
- 文档
- >
- IT计算机
- >
- CSS与Script
CSS-基础—CSS基础语法、CSS引入方式、CSS选择器
- 上传者:study
- 文件大小:213 (KB)
- 文档格式:.docx
文档分类: CSS与Script
关于本文
- 本文标题:CSS-基础—CSS基础语法、CSS引入方式、CSS选择器.docx
- 链接地址:https://www.shanxuedoc.com/item/11275.html
- 内容摘要:CSS基础——CSS基础语法、CSS引入方式、CSS选择器学习目标掌握CSS基本语法掌握CSS的几种引入方掌握CSS选择器CSS简介CSS全称CascadingStyleSheets,即层叠样式表。主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。CSS基础语法h1{color:red}选择器{样式声明样式声明}CSS引入方式CSS的引入方式即书写位置包含三种:行内、内部以及最常用的外部行内样式行内样式又被称为内联样式。是指将CSS代码设置在标签的style属性之上,其基本格式如下:pstyle=height:100pxbackgroundcolor:red我是一个段落p由于行内样式只作用于设置样式的标签及其子标签上,无法很好的进行代码复用,故行内样式最不推荐内部样式内部样式即将CSS样式书写语HTML文档内部,使用styel标签包裹CSS样式,其格式如下:htmlheadstylep{height:100pxbackgroundcolor:red}styleheadbodyp我是一个段落pbodyhtml内部样式作用于当前HTML页面,可以在本页面进行代码复用,但无法跨页面进行复用,故也不推荐使用注意:虽然标签可以写在HTML文档的任何地方,但为了样式的查找方便和快速加载,stylehead建议将style外部样式link标签写在标签内部,位于结束标签之上。外部样式即将CSS样式写在单独的以。cssCSS链接在页面中生效,其格式如下:CSS文件:为后缀的文件中,然后在HTML页面中通过标签将p{height:100pxbackgroundcolor:red}HTML文件:htmlheadlinkhref=CSS文件的路径rel=stylesheetheadbodyp我是一个段落pbodyhtmlCSS选择器在CSS中,选择器可以分为四类:选择器、选择附、伪类、伪元素选择器基本选择器我们常见的选择器主要包含4种:标签选择器、ID选。。。
- 版权声明:
1、本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
2、本站的文档不包含任何第三方提供的附件图纸,如果需要附件,请联系上传者,文件的所有权益归上传用户所有。
3、未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
4、善学网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
5、下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
6、本站不保证下载资源的准确性、安全性和完整性,同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。