前端知识大全之CSS（含有JS）

一、概念讲解

学习CSS之前必学的HTML （超链接）

二、正文代码

1.行内样式

2.内部样式（选择器）

3.外部样式

4.样式的优先级

5.简单选择器之定义单个标签（id）

6.简单选择器之定义多个标签（class）

7.简单选择器之全部选择(*)

8.组合选择器（div 标签）

9.选择器之鼠标行为（link、visited、hover、active）

10.伪元素选择器

11.属性选择器（精确查找）

12.文本大小写的转换与颜色设置（transform ）

13.文字水平对齐

14.图片与文字之间垂直对齐（vertical-align）

15.文字和文字与行和行的间距

16.文字之线条样式（text-decoration）

17.字体的样式与大小（font-family、font-size）

18.字体倾斜和粗细的样式（ font-style、font-weight）

19.谷歌字体和Icon图标

20.各种小图标的网站(Icon)

21.选择器的优先级

22.文本的边框（border）

23.无序列表和有序列表和图片标记（list-style-type、ist-style-image）

24.CSS背景属性设置(background)

25.背景滚动视觉差效果

26.CSS外边距（margin）

27.CSS内部边距，俗称模块内部宽高（padding）

28.隐藏于显示属性

29.内容溢出处理方式(overflow)

30.悬浮样式（float）

31.避开浮动样式（clear）

32.CSS布局之宽高自适应

33.数学函数calc

三、前端学习查文档网站

四、JavaScriipt大全

前言必读

前端知识大全之CSS（含有JS）相关推荐

前端性能优化知识，包括css和js
作者:野次链接:http://www.zhihu.com/question/33032042/answer/95948831 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...
【前端】HTML、CSS、JS、PHP 的学习顺序
原文地址:http://www.th7.cn/web/html-css/201404/29642.shtml 侵删如果你有耐心坚持一年以上的话, 我会推荐HTML->CSS->JS-&g ...
python 阮一峰_阮一峰：前端框架 React 及 CSS in JS
作者: 阮一峰 1. 以前,网页开发有一个原则,叫做"关注点分离"(separation of concerns). 它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合 ...
前端动画大全：css的transition、css3的animation、Jquery的animate、js的setInterval
前端制作动画的几种方式(css3,js,jquery) 制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总 ...
web项目：智能出行规划网站——爬虫+flask+echarts+基础前端（html、css、js、jq）
目录项目简介一.项目名称: 二.项目背景: 三.项目核心: 四.项目要求: 技术说明代码展示一.前端部分: 二.爬虫部分: 三.后端部分: 网页展示总结分析一.遇到的问题: 二.解决方法: ...
前端知识大全 - 收藏集 - 掘金
Vue2全家桶+Echarts实现多种图表(附源码) - 前端 - 掘金数据可视化将数据通过图表的形式展现出来将大大的提升可读性和阅读效率本例包含柱状图.折线图.散点图.热力图.复杂柱状图.预览 ...
「CSS深度指北」前端知识梳理之CSS篇（中秋国庆特别篇）
认识浏览器组成部分可能一说组成部分,小伙伴们就直接懵了,开门见山地说,别怕,还有更懵的在后面呢! 组成分为两大部分: shell 和内核(其中内核是核心部分,它代表着浏览器所使用的技术手段,而s ...
网页/前端大作业 html+css 无js 前端三剑客大一网页大作业 9个页面
index界面登录/迎接界面 html部分 <html><head><meta charset="utf-8"><title>我只 ...
前端学习笔记（CSS、JS基础篇）
CSS篇注意:css注释使用/ /,而不是或者//,否则很容易导致不明错误!!! div padding:内边距.盒子内容与盒子边框的距离设置,相当于给盒子加了厚度,使用 ...

前端知识大全之CSS（含有JS）

前端知识大全之CSS（含有JS）相关推荐

最新文章

热门文章