从头学前端-CSS基础01

CSS简介：

CSS是层叠样式表的简称，有时也会称之为CSS样式表或级联样式表。CSS也是一种标记语言(和html一样，不是个编程语言)；
Html主要是页面结构，显示元素内容，CSS是美化页面，布局网页；
CSS规则主要有选择器和样式声明组成；样式声明以键值对的形式出现；如下：
p{
font-size: 12px,
color:‘red’
}

CSS基础选择器

选择器就是根据不同的需求把不同的标签选出来；CSS就是找的指定的标签，设置标签样式；

选择器分为基础选择器和复合选择器两大类；基础选择器又包括：标签选择器，类选择器，id选择器和通配符选择器;

标签选择器是指用html标签名称作为选择器，把某一类标签设置样式；不能对标签进行差异化设置
类选择器可以单独选一个或多个标签，进行差异化设置；需要给标签设置class属性；（不要使用纯数字，中文，标签名作为类名）使用的时候，class前面加符号.
语法如下：.类名{ k:v}
一个标签页可以使用多个类名；

在标签的class属性中，写多个类名，以空格分开；
id选择器是通过标签的

从头学前端-CSS基础01相关推荐

从头学前端-CSS基础02
一个工具: 前端快速开发插件Emmet Emmet 的前身就是 Zen Coding. 它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具.将它整合进文本编辑器,可以提供一些功能和快捷 ...
从头学前端-CSS基础04
CSS高级技巧精灵图 css sprites 为了有效减少服务器接收和发送的频率,减轻服务器的压力:将许多的小图片放到一张大图片上去:就是精灵技术,CSS sprites; 精灵技术主要针对背景图片 ...
从头学前端-CSS基础03
页面布局三大核心,盒子模型,浮动和定位 1.盒子模型盒子模型组成: 盒子模型组成的主要有边框border,外边距margin ,内边距padding,内容content: 边框border: bo ...
从头学前端-35：溢出处理
大家好,我是一碗周,一个不想被喝(内卷)的前端.如果写的文章有幸可以得到你的青睐,万分有幸~ 这是[从头学前端]系列文章的第三十五篇-<溢出处理> 本篇文章介绍CSS中内容溢出的处理,主要 ...
前端——CSS基础学习【part 2】
前端--CSS基础学习[part 2] Emmet CSS的复合选择器 CSS的元素显示模式 CSS的背景 CSS的三大特性 CSS 盒子模型 Emmet 快速生成HTML结构语法 (1)生成标签,输 ...
前端css基础知识点之PC端项目-规范
前端css基础知识点之PC端项目-规范 1 文件管理文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...
前端css基础知识点之opacity——透明度
前端css基础知识点之opacity--透明度 opacity opacity:num /*num 0到1*/ 兼容性 ie9及以上和标准浏览器都支持特点设置opacity的元素的所有后代会一起具 ...
前端CSS基础之案例--图片
用<前端CSS基础>文章里的内容完成一个图片案例效果展示: 代码实现: <!DOCTYPE html> <html lang="en"> &l ...
前端css基础知识点之sprite——雪碧（精灵）
前端css基础知识点之sprite--雪碧(精灵) css sprite css精灵或css雪碧把网页中一些背景图片整合到一个大文件中,然后利用 background-image.backgroun ...

从头学前端-CSS基础01

CSS简介：

CSS基础选择器

从头学前端-CSS基础01相关推荐

最新文章

热门文章