10分钟梳理css知识点
2018-01-18 00:00
309 查看
css 选择器
h1 {color:red; font-size:14px;}元素选择器
h1,h2,h3,h4,h5,h6 {color: green;}选择器分组
li strong {font-style: italic;font-weight: normal;}//派生选择器
#idStr {color:red;}//id选择器
.className {text-align: center}//类选择器
[title=W3School] { border:5px solid blue; }// 属性选择器
css 样式创建
<link rel="stylesheet" type="text/css" href="mystyle.css" />//外部样式
内部样式
<style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");} </style>
内联样式
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
结合使用时,就近原则!!
css 样式
background-color 背景色background-image 背景图片
text-indent 首行缩进
word-spacing
... 太多了平时积累吧
盒模型
懒的说,理解了就OKborder-style 很有趣
css 定位
Positioningstatic
relative 相对定位
absolute 相对于包含元素绝对定位(父级元素)
fixed 相对于window绝对定位
float 浮动
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
display
none 边框无
block 块框
inline 行内框
...
相关文章推荐
- 10分钟梳理css知识点
- web前端Html和css基本知识点的梳理
- HTML/CSS知识点梳理
- 关于Html,Css,JavaScript知识点的简单梳理
- 10分钟学会 SQL 语言核心知识点!
- 【暑假】[基本数据结构]基本的数据结构知识点总结梳理
- 数据结构+算法系列二: 所有知识点的梳理(持续更新中)
- 【Html】CSS-知识点汇总
- 3月29号学习知识点梳理
- 开发过程中小的知识点梳理
- CSS知识点【待整理】
- 面向对象知识点梳理(2)
- 【干货分享】前端面试知识点锦集02(CSS篇)——附答案
- sql知识点简单梳理
- mybatis官方文档知识点梳理
- CSS知识点总结2
- 【CGROUP】10分钟深入理解cgroup与css之间的多对多的关系
- 算法导论第十一(11)章散列(Hash)表知识点梳理及详细课后答案
- 2017吉林省教师招聘考试:法律法规知识点梳理
- H5移动端开发-CSS知识点