摘要:内联元素行内元素内联元素行内元素没有任何语义,专门用来选中文字,然后为文字设置样式。内联元素只占自身大小,不会占用一行。一般请款告知使用块蒜素去包含内联元素,二不会使用内联元素去包含块元素。用户相同属性的元素,称为一组元素。
CSS:层叠样式表
网页一层一层的。
而css就可以分别为网页的各层设置样式。
(内联样式)放在元素的style属性中。给谁设置写在那个标签里面。
也称为:内联样式,只对当前的元素中的内容起作用。
内联样式不方便复用,不推荐使用。
内联样式属于结构与表现耦合,不方便后期的维护,不推荐使用。
锄禾日当午,旱地和吓唬
(内部样式)将css样式编写在head中的style标签里,然后通过css选择器选择指定元素,然后可以同时为这些元素一起设置样式,这样可以使样式进一步的复用。
将样式表编写到style标签中,也可以使表现和结构进一步分类,使表现和结构进一步分离,推荐使用方式。
(外部样式)表
将样式表编写到外部的css文件中。
编写外部样式css文件
引入外部css样式文件到当前html中。
CSS入门
锄禾日当午,旱地和吓唬
创建明月光,疑似地上霜
/*
注释内容
*/
通过选择器可以选中页面中指定的元素,并且将声明块中的样式应用到选择器对应的元素上。
声明块紧跟在选择器的后边,使用对{}括起来,声明块中实际上就是一组一组的明值对结构,这一组一组的明值对我们称为声明。
在一个声明块中可以写多个声明,多个声明之间使用;隔开。声明的样式名和样式值之间使用:来连接
p{
color:red;
font-size:100px;
}
推荐使用的开发工具,见官网文档。
one div
two div
div、p、h1、h2、h3.。。。
span:没有任何语义,专门用来选中文字,然后为文字设置样式。
内联元素:只占自身大小,不会占用一行。
a、img、span、iframe
块元素:主要用来布局。
内联元素:主要用来选中文本,设置文本样式。
一般请款告知使用块蒜素去包含内联元素,二不会使用内联元素去包含块元素。
,但是除了它本身。
元素(标签)选择器
作用:可以选择页面中的所有指定元素。
p{
color:red;
font-size:100px;
}
id选择器
通过元素的id属性值选中唯一的一个元素。
语法:
#p1{
color: green;
font-size: 300px;
}
类选择器
可以为元素设置class属性,class属性和id属性类似,只不过class属性可以重复。
用户相同class属性的元素,称为一组元素。
通过元素的class属性,选中一组元素。
css03
ggggg
ggggg
ggggg
ggggg
ggggg
class可以同时为一个元素设置多个class属性值,多个值之间用空格隔开。
选择器分组
通过选择器分组可以同时选中多个选择器对应的元素。
语法:选择器1,选择器2,选中N{}
css03
fd
fdfd
ggggg
ggggg
ggggg
ggggg
通配选择器
可以用来选中页面中的所有元素
*{
color:red;
font-size: 90px;
}
作用:可以选中同时满足多个选择器的元素
span.p3{
color: #00008B;
}
span与p3中间没有空格。
对id选择器来说,不建议使用复合选择器。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/1652.html
摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节,我们都说了哪些内容: CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...
摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节,我们都说了哪些内容: CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...
摘要:派生选择器依据元素的位置关系来定义样式。称其为上下文选择器,称其为派生选择器。在现在布局中,选择器常常用于建立派生选择器。和一样,也可被用作派生选择器。 文章大纲来源:【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表(Cascading Style Sheets),即前端常说的CSS。 内容引用:CSS 简介 样式解决了什么问题? HTML...
摘要:派生选择器依据元素的位置关系来定义样式。称其为上下文选择器,称其为派生选择器。在现在布局中,选择器常常用于建立派生选择器。和一样,也可被用作派生选择器。 文章大纲来源:【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表(Cascading Style Sheets),即前端常说的CSS。 内容引用:CSS 简介 样式解决了什么问题? HTML...
摘要:基础基础是一种标记语言,不是编程语言,需要明确这点。元素标签内容基础基础负责文本样式的呈现,既然将和分离开,各自只负责各自的职责,那么肯定需要某种方式将两者连接在一起。 本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyh...
阅读 1813·2019-08-30 15:55
阅读 1006·2019-08-26 11:57
阅读 507·2019-08-26 11:29
阅读 3357·2019-08-26 10:49
阅读 1908·2019-08-23 18:40
阅读 1748·2019-08-23 16:04
阅读 3101·2019-08-23 11:01
阅读 2271·2019-08-23 10:56