对css加强与巩固——day2
来源:互联网 发布:知金教育好吗 编辑:程序博客网 时间:2024/05/16 23:58
1.<p>html-css <span>javascript</span> php</p>
在<style>...</style>中,应写成:p span{...}
2.<p id="pid">html-css <span>javascript</span></p>
应写成:#pid span{...}
3.<p>html-css</p> <span>javascript</span>
若p,span二者所要显示的css某些元素相同,
即应写成:p,span{...}
4.文字排版过程中,
应写成:body{font-family:"宋体";}
5.<span id="stress">...</span>
span标签的id显示一般用“stress”
6.在css中用font-family来表示是否为粗体,font-style斜体,下划线,删除线
应写成:粗体——body{font-weight:bold/normal/inherit;}
斜体——...font-style:italic;
下划线——text-decoration:underline;
删除线——text-decoration:line-through;
7.若在片段中进行两个空格的缩进,即使用em;
应写成:p{text-indent:2em;}
p{line-height:2em;} //行高;
8.英文单词间有间隔,即使用px来表示,
应写成:word-spacing:50px; //单词间;
letter-spacing:50px;//单词字母间;
9.块状元素(div,ul,h,table,p)——内联、内联元素(a、span)——块状
应写成:a.div{display:inline;}
b.a/span{display:block;}
10.img,input内联块状元素
应写成:img/input{display:inline-block;}
11.border边框
1px dashed-虚线 solid-实线 dotted-点线
12.padding 边缘部分间距,用于填充
四个方向:top right bottom left;
13.元素与其他元素间距离用margin表示
方向同padding
14.在div-id中浮动布局float
float:left/right;
15.在div-id中层模型
positiion:absolute(绝对)、relative(相对)、fixed(固定)。
如:"position:absolute;right:100px;top:20px;"
"position:fixed;bottom:0;right:0;"
16.通过给父元素设置 float,然后给父元素设置 position:relative 和 left:50%,
子元素设置 position:relative 和 left:-50% 来实现水平居中。
17. 垂直居中——父元素进行
设置line-height、height,且二者必须保持数值一致
- 对css加强与巩固——day2
- JAVA——待加强巩固的知识点
- 对div+css复习巩固 —心得(简单的用户登录界面)
- 查漏补缺,巩固基础——C++Primer之旅day2
- css复习——背景background day2
- php --- 函数巩固加强
- JavaScript巩固加强单词
- java基础加强---Day2
- Jquery——Day2(基础DOM和css操作)
- 传智播客-Java基础加强-day2
- JAVA面试-基础加强与巩固:反射、注解、泛型等
- 洛谷——Day2
- css细节巩固
- CSS巩固学习之一
- 黑马程序员_java基础加强—HTML&CSS
- 黑马程序员—HTML基础与加强
- javaee之hibernate的加强巩固练习
- taSnap—加强服务程序对访问者的控制能力
- 【bzoj3223】Tyvj 1729 文艺平衡树
- iOS开发--3D Touch使用代码实例
- c++服务器开发 之一 概要介绍
- ora-02064不支持分布式操作与Oracle自治事务
- CXF部署到WebLogic上时碰到的问题
- 对css加强与巩固——day2
- Java笔记:[反射篇] 利用反射,获取类中的私有内部类对象,并调用该对象的方法
- Java与设计模式-适配器模式
- 常见内排序算法的java实现
- ffmpeg转码本地文件(一)
- CodeForces 630D:Hexagons!【水】
- socket与http的区别
- SVM-支持向量机算法概述
- ios