CSS 基本语法 选择器的各种用法 常用属性
目录
1.CSS的引入方式
1.1 内部样式
1.2 外部样式
1.3 内联样式
2.选择器
2.1 基础选择器
2.2 复合选择器
3. 常见元素属性
3.1 字体属性
3.2 文本属性
4. 背景属性
5.圆角矩形
6.元素的显示模式
6.1 行内元素和块级元素的两个主要区别
6.2 改变显示模式
7.盒模型
7.1 边框
7.2 内边距
7.3 外边距
8. 弹性布局
1.CSS的引入方式
1.1 内部样式
<head><style>/* 内部样式 */div {/* CSS 注释 */color:red;font-size: 50px;}</style>
</head>
<body><div>hello word</div>
</body>1.2 外部样式
<head><!-- 外部样式 --><link rel="stylesheet" href="style.css">
</head>
<body><div>hello word</div>
</body>style.css 文件
div {color: green;font-size: 70px;
}1.3 内联样式
<body><div>hello word</div><!-- 内联样式 --><div style="color:blue; font-size: 60px">你好</div>
</body>三种方式的优先级：
CSS 基本语法 选择器的各种用法 常用属性相关推荐
- css基本语法选择器
1.css在html中使用方法 css 层叠样式表 a.行内样式 元素上定义一个style属性,将样式写在style属性当中 b.内联样式 ...
- css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景
什么是css? 通配符选择器 <head>/* *通配符选择器 匹配任何元素 */*{margin: 0;padding: 0;} </head> css样式有三种 一种是内嵌 ...
- html四种选择器的特点,css四种选择器总结
css 在网页开发中扮演着重要的角色,被誉为网页开发的三剑客,如果说html是人的外在器官部分,那css无疑是各个器官组成在一起然后表现出来,css又称样式重叠在网页排版布局中的地位举足轻重. 做为后 ...
- html.class选择器,CSS：class选择器的使用
本文介绍 css 中 class 选择器的基本用法:为同一个类型的标签设置属性. class选择器的使用 .redStyle {color: red} .greenStyleForSpan span ...
- HTML笔记——④css样式表、选择器、常用属性
HTML笔记--④css样式表.选择器.常用属性 一 CSS 1.1 CSS语法 1.2 CSS样式表 1.2.1 内部样式表 1.2.2 外部样式表 1.2.3 行内样式表 1.3 CSS常用属性 ...
- 常用CSS与Jquery选择器
1.常用CSS选择器 在介绍CSS选择器之前先介绍CSS各个选择器的权重,权重用于解决CSS样式的冲突问题. a.选择器权重 选择器 权重 继承 * 0,0,0,0 伪元素,元素选择器 0,0,0,1 ...
- 【CSS】常见选择器用法
文章目录 一.引入方式 1. 行内样式/内联样式 2. 内部样式 3. 外部样式 二.选择器 1. 基础选择器 1.1 标签选择器 1.2 类选择器 1.2.1 基本语法: 1.3 id选择器 1.4 ...
- Web学习第四天——CSS简介、选择器，常用（文本、字体、列表、背景、超链接）样式
Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式 一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...
- 前端与移动开发-----CSS（语法规范+基础选择器+文本属性）
CSS css简介 1,CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.. 2,有时我们也会称之为 CSS 样式表或级联样式表. 3,CSS 是也是一种标记语言 . ...
最新文章
- Lucene.Net无障碍学习和使用：索引篇
- Open*** 配置参数详解
- 企业网络推广——企业网络推广更注重网站内部链接优化！
- 【Android Gradle 插件】ProductFlavor 配置 ( ProductFlavor#vectorDrawables 配置 )
- git命令行完全解读
- 如何迅速成长成为一名数据分析师（都是干货）？
- 基于IdentityServer4的OIDC实现单点登录(SSO)原理简析
- 【OS学习笔记】三十三 保护模式九：分页机制对应的汇编代码之---用户程序代码
- java类的定义的实例_Java中类的定义和初始化示例详解
- Python3中的map与reduce的用法
- Codeforces Round #162 (Div. 2): D. Good Sequences（DP）
- loj #6122. 「网络流 24 题」航空路线问题
- matlab平稳性检验,平稳性检验方法的有效性研究
- 第三章 教育法律法规
- php公众号模板消息重复3,如何利用微信公众号模板消息实现每天多次群发
- 【学习笔记】标签噪声下利用深度学习进行图像分类任务——概述
- EVE模拟器的使用-带图超详细(学网络用）
- #从焦虑到从容，不吼不叫养出好孩子-02做懂得沟通的父母-带着爱与慈悲来表达需求
- 如何在Vue引入静态图片?
- 山东大学创新项目实训个人工作日志（十四）
热门文章