【前端】CSS使用总结

CSS的作用

用于网页布局和设计
可以通过Sass/Less进行扩展

三种添加CSS文件的方法

Inline CSSS: 直接在html元素中添加（不推荐）
Internal CSS: 使用<style>标签
External CSS: 链接.css文件

上面三个的顺序也是按照优先级大小排下来的，即：越靠前越是优先级高。但是我们更推荐用后面的方法。

CSS选择器

a {background-color: yellow; }

CSS中的颜色设置

body {background-color: #f4f4f4;color:#555555; /*color for text*/background: coral;
}
h1 {/*color:red;*/color: #00ff00;
}
p {color: rgb(0,0,255);
}

TBD.

参考：https://www.youtube.com/watch?v=yfoY53QXEnI

【前端】CSS使用总结相关推荐

好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
Web前端css知识点概括
Web前端css知识点的简单概括如下,方便记忆. 1.字体,背景(font-style,font-weight,font-size/line-height,font-family...backgrou ...
WEB前端 CSS(非布局)
目录 WEB前端 CSS CSS引入方式 CSS结构 CSS选择器直接选择器组合选择器分组选择器也叫并集选择器属性选择器伪类选择器伪元素选择器 CSS选择器是一个查找的过程,高效的查找影 ...
二：前端css，即选择器
前端css: 1,css 的引入方式 2,css中选择器 1.基本选择器: /*标签选择器*/ /*类标签选择器,.类属性值重点知识*/ /*id选择器,#+id值,#id的值,不是id,重点知识* ...
前端css单位小结：vh、vw、百分比、rem、px、计算属性calc
写在前面: 本文作为本人学习总结之用,同时分享给大家~ 个人前端博客网站:zhangqiang.hk.cn 欢迎加入博主的前端学习qq交流群::706947563,专注前端开发,共同学习进步! 前端c ...
前端css基础知识点之PC端项目-规范
前端css基础知识点之PC端项目-规范 1 文件管理文件名用英文命名 css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式.比如页面的头部尾部.重复使用字体.字号等 ...
咸鱼前端—CSS浮动
咸鱼前端-CSS浮动浮动(float) 浮动特性布局流程浮动(float) 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程. 在CSS中,通过float ...
咸鱼前端—CSS盒子模型
咸鱼前端-CSS盒子模型盒子模型盒子边框(border) 圆角边框(CSS3) 内边距(padding) 外边距(margin) 盒子阴影盒子模型所谓盒子模型就是把HTML页面中的元素看作是一 ...
咸鱼前端—CSS初识
咸鱼前端-CSS初识 CSS的发展历程 CSS 网页的美容师 CSS初识引入CSS样式表(书写位置) CSS样式规则 CSS的发展历程从HTML被发明开始,样式就以各种形式存在.不同的浏览器结合它 ...
咸鱼前端—CSS选择器
咸鱼前端-CSS选择器选择器标签选择器(元素选择器) 类选择器多类名选择器 id选择器通配符选择器选择器要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素.在CSS中,执行这 ...

【前端】CSS使用总结

CSS的作用

三种添加CSS文件的方法

CSS选择器

【前端】CSS使用总结相关推荐

最新文章

热门文章