第三天重点CSS
css是对样式的统一规范设置，样式就是一些属性值的设置，比如：font：字体颜色，字体，字体大小。之前是
表格属性：背景颜色、内容居中、边框。之前是

css样式有三种方式：
第一种方式：
1、内联样式：在标签（任意标签）中，使用style=”写样式，多个样式中间用分号分隔”；

2、内部样式：在与标签之间增加一个标签

样式信息；

3、外部引用：新创建一个css文件，然后再html文件中进行引用该css样式，

第一种：内联样式；
第二种：内部样式
涉及到：css选择器：
1）id选择器：#选择器名称{
css样式属性；
} 这部分内容写在之间；
在下面标签中去引用上面写的css属性，使用的方式是id=”选择器名称”；
举例：要求，文字处理为红色，字体大小为24px，字体为楷体
并且使用内部的方式：

spantext{

color:red;
font-size:24px;
font-family:楷体;
}

文字处理

class选择器：
在之间的，并且以 .选择器名称{
css样式
}
在标签中引用：
class=”选择器名称”;

.spantext{
font-size:24px;
color:red;
font-family:楷体;
}

标签选择器：跟标签名一致就可以，只要在body下面遇到了这个标签，就会把css属性赋值上去。
格式：标签名{
css属性值；
}
举例：
td{
border:1px red solid;
}
组合选择器：多种选择器一起使用，一般都是class选择器和标签选择或者id选择器和标签选择器，

区块链 AI 大数据 Python .net javascript

ID选择器 #名称
.名称

标签选择器标签名称.
标签
Class 选择器 .名称
Class=

蜗牛学院第三天 CSS相关推荐

HTML5期末大作业：校园网站设计——云南艺术学院文化学院(3页) HTML+CSS+JavaScript web前端开发技术 web课程设计网页规划与设计
HTML5期末大作业:校园网站设计--云南艺术学院文化学院(3页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计 ...
配置LNMP环境(linux,nginx,mysql,php)[蜗牛学院学习随记]
一.准备一台干净的linux虚拟机(centos) 1.下载centos7镜像文件(上网搜centos就ok) 2. 点击这个architectures(x86_64) 3.下载镜像随便选择一个国内 ...
因为一封建议邮件，被蜗牛学院直接开除的故事。
针对前段时间成都校区曹**因为一封建议邮件,被蜗牛学院直接开除的故事,我希望通过他曾经班主任的一封对整个事件的说明邮件给大家一个更加全面的认识,既然是故事嘛,总要善始善终,避免断章取义和认知错误.至于 ...
您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus
2019独角兽企业重金招聘Python工程师标准>>> CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架.本文向你介绍使用最为普遍的三款 CSS ...
Web前端开发笔记——第三章 CSS语言第一节 CSS的基本概念和样式表
目录一.CSS和HTML 二.CSS的基本语法格式三.CSS样式设置 (一)行内样式 (二)内嵌样式 (三)引用外部CSS文件四.多重样式优先级结语一.CSS和HTML CSS,又称为层叠样 ...
蜗牛学院：项目管理十大TION法
作者:蜗牛学院CEO邓强我个人从事技术管理工作十多年,对于项目管理有一些自己的理解.在给学员做培训和分享的过程中总结了一些项目管理的法则,姑且标题党一回,称作十大TION法(心法). 1. Orga ...
css 背景效果_css透明度怎么设置？三种css图片透明度的设置方法
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,这样网页上面的内容就不会看不见,有的网页因为图片作为背景,也会更加美观,那么,css中的透明度 ...
蜗牛学院卿老师：Python中几个比较容易混淆的概念解释
今天的这篇文章来自蜗牛学院在线教育部卿淳俊老师. 蜗牛学院资深讲师,15年测试开发及项目管理经验,认证敏捷项目Scrum Master,精通各种测试及开发工具.框架的设计和实现,在移动互联网.敏捷项目 ...
Web前端开发笔记——第三章 CSS语言第三节文本、字体、背景、超链接样式属性
目录一.CSS文本属性二.CSS字体属性 (一)常用文本字体样式属性 (二)设置整体font属性三.CSS背景属性 (一)背景颜色 (二)背景图片 (三)图片平铺方式 (四)图片位置 (五)设置 ...

蜗牛学院第三天 CSS

spantext{

蜗牛学院第三天 CSS相关推荐

最新文章

热门文章

蜗牛学院 第三天 CSS

spantext{

蜗牛学院 第三天 CSS相关推荐

最新文章

热门文章

蜗牛学院第三天 CSS

蜗牛学院第三天 CSS相关推荐