4月7日学到的知识点:

    一:<img src="1.png" alt="美女"/>

alt是给图片添加介绍,当图片没加载出来时,会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。

二:<a href="css2.ppt">标签下载</a>

当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。

三:<a href="#id"></a>

锚点,百度百科常用。点击a标签就会跳到对应id的位置。

四:群组选择符

#box1,#box2{}选中id为box1和box2的对象。

五:类选择符

.class

六:类型选择符

p{};div{}等

七:样式优先级

1.同级样式默认后者覆盖前者;

2.优先级:类型(1) < class(10) < id(100) < style行间样式(1000)

八:伪类

伪类用于向被选中元素添加特殊的效果

link:未访问(默认);

visited:访问过后;

hover:鼠标经过,悬停;

active:鼠标点击。

如果要持续的让某个元素有以上效果,写这四个伪类的顺序应该如上,visited必须写在第二,如果写在最后,访问之后,根据同级元素的优先级顺序,访问之后的样式会覆盖hover和active,这样会导致无法连续出现效果。

兼容问题:IE6不支持a以外其他任何标签的伪类;IE6以上的浏览器支持所有标签的hover伪类.

九:默认样式重置

有些标签会自带一些padding,margin等样式,在开发之前,最后清除这些默认样式。清除的时候最好不要用通配符来清除,因为那样效率会很低。

十:块元素和内嵌元素

块的特征:

1.默认独占一行;

2.没有宽度时默认撑满一行;

3.支持所有css命令;

内嵌的特征:

1.同类的标签可以在同行显示;

2.支持撑开宽度;

3.不支持宽高;

4.不支持上下的margin和padding;

5.代码换行的话中间会有一个空格.

十一:display

通过display可以改变块和内嵌属性。

display:block;

display:inline;

display:inline-block

特性:1.块在一行显示;

2.行内元素支持宽高;

3.没有宽度的时候内容撑开宽度。

兼容问题:代码换行会出现空格;ie6,ie7不支持块属性标签的inline-block;

前端新人学习笔记-------html/css/js基础知识点(二)的更多相关文章

  1. 前端新人学习笔记-------html/css/js基础知识点

    即将毕业的软件工程大学生一枚,秋季招聘应聘的是Android,今年来到公司实习,要求做前端开发,所以一切只有现学,现在根据视频来学习,然后开这个博客记录一下自己的学习过程,废话不多说,开写. 4月6日 ...

  2. 前端新人学习笔记-------html/css/js基础知识点(三)

    这断时间家里有点事,上班也有点任务,所以几天没看视频没来更新了.今天来更新一下了. 一:默认样式重置 但凡是浏览默认的样式,都不要使用. body,p,h1,h2,h3,h4,h5,h6,dl,dd{ ...

  3. 前端开发学习笔记 - 1. Node.JS安装笔记

    Node.JS安装笔记 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an ...

  4. JavaSE 学习笔记之Java语法基础(二)

    1,关键字:其实就是某种语言赋予了特殊含义的单词. 保留字:其实就是还没有赋予特殊含义,但是准备日后要使用过的单词. 2,标示符:其实就是在程序中自定义的名词.比如类名,变量名,函数名.包含 0-9. ...

  5. 前端工程师面试问题归纳(一、问答类html/css/js基础)

    一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

  6. 前端学习:学习笔记(CSS部分)

    前端学习:学习笔记(CSS部分) CSS的学习总结(图解) CSS的引入方式和书写规范 CSS的插入方式_内嵌样式 <!DOCTYPE html> <html> <hea ...

  7. 【学习笔记】jQuery的基础学习

    [学习笔记]jQuery的基础学习 新建 模板 小书匠  什么是jQuery对象? jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果 ...

  8. 【学习笔记】JavaScript的基础学习

    [学习笔记]JavaScript的基础学习 一 变量 1 变量命名规则 Camel 标记法 首字母是小写的,接下来的字母都以大写字符开头.例如: var myTestValue = 0, mySeco ...

  9. Linux 学习笔记之超详细基础linux命令 Part 10

    Linux学习笔记之超详细基础linux命令 by:授客 QQ:1033553122 ---------------------------------接Part 9----------------- ...

随机推荐

  1. 简洁的jsp

    在开发 是使用tomcat7版本(7的jslt表达式语法检查更加严格) 1.去除生产html的不必要的空行 <%@ page trimDirectiveWhitespaces="tru ...

  2. rsyslog 日志服务器端配置

    $EscapeControlCharactersOnReceive off #关闭rsyslog默认转译ASCII<32的所有怪异字符,包括换行符等 $template tocFormat,&q ...

  3. Eclipse安装Weblogic插件

    1.启动Eclipse,打开window>References>server>Runtime server. 2.点击“add”按钮,添加新的web服务器. 注:上图Oracle是W ...

  4. 如何使用记事本编程,并生成exe

    1 新建一个txt文件,重命名为1.c 2 编程 3 打开VS2015 开发人员命令提示 4 找到1.c文件的位置,然后在VS2015 开发人员命令提示,输入cd 空格 位置,回车 cd C:\Use ...

  5. 弱类型语言中的0和空字符串(''或"")以及字符串'0'

    在弱类型语言(js/PHP)中, 当我们用==判断0和'0'以及空字符串(''或"")是否相等的时候, 返回的是true. 而且在PHP中, 当我们用==判断0和null是否相等的 ...

  6. MSSQL查询连接数

    SELECT * FROM [Master].[dbo].[SYSPROCESSES] WHERE [DBID] IN ( SELECT [DBID] FROM [Master].[dbo].[SYS ...

  7. win10 ie11 以管理员身份运行才正常

    和谐版 win10优化后 ie11不能下载 显示不正常, 以管理员身份运行才正常 ,网上攻略 ( “打开并修改注册表使用快捷键[WIN+R]打开命令行窗口,输入regedit打开注册表,在注册表中找H ...

  8. Linux 07 故障恢复

    1. 模拟MBR扇区被破坏后的修复. MBR故障恢复: 1.备份 添加硬盘 启动操作系统: 添加硬盘: 对分区格式化: 挂载: 做备份: 破坏MBR 重启系统: 关闭虚拟机 设置光盘启动 救援模式: ...

  9. zoj 3471Most Powerful

    题意:给n个atom(原子),每两个原子相碰会产生能量,不过每次碰撞会消失一个原子,而且不同原子碰撞,消失的原子不同,产生的能量也会不同,给出不同原子相碰撞产生的能量,求出能产生的最多能量. 状态DP ...

  10. 在MyEclipse环境下添加MySql数据库

    首先最好在添加的时候,确保你的数据库处于打开状态:其次,要按照jdbc:mysql://[host:port],[host:port].../[database]把url写对:然后,需要添加mysql ...