【嘉兴东臣php】 HTML+CSS+JS基础学习笔记
【嘉兴东臣php】 HTML+CSS+JS基础学习笔记
张家起灵 发表于2年前
【嘉兴东臣php】 HTML+CSS+JS基础学习笔记
  • 发表于 2年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: HTML+CSS+JS基础学习笔记

HTML
 1.  HTML 是一种标记语言 它可以忽略大小写,语法宽松
标题标记    <h1>-<h6> 标题标记,可显示六种大小的标题(1最大,6最小)
 2. 块标记  <SPAN>定义段落内的内容块; <DIV>可以定义跨段落的内容块 
3. <UL TYPE=""> 无序号的列表(内嵌<li>)
4.  定义列表包含在<DL>标记内。<DT>标记用于指定要定义的术语,而<DD>标

记用于对术语的定义。
5. 水平标尺标记 <HR> 用于在页面上绘制一条水平线。它没有结束标记,且

不包含任何内容。
6. 字体标记   <FONT> 可以指定size、color、style(样式)等属性。
   图像标记    <IMG>  语法为:<IMG SRC="URL">。 支持GIF(支持图形渐

近,动画); JPEG(.JPG); PNG
7. 在HTML文档中使用特殊字符
      &gt;   ==== >     greater 大于       &lt;   ==== <    

litter 小于
      &de;   ==== ≥     大于等于            &le;   ==== ≤    

litter equal
      &ne;   ==== ≠     not equal不等      &zwj;  ====       空格
      &quot; ==== ”     双引               &apos; ==== ‘     单

引号
      &copy; ==== ?     版权符号            &reg;  ==== ?     注册

商标
      &amp;  ==== &     与符号
ol(有序列表),ul(无序列表),dl(定义列表),li(列表子元素),p

(段落),pre(预编排),blockquote(引用块),div(分区),hr(水平

线)等


CSS
1.CSS可以使用更丰富、更灵活的样式,更简单地设计出更美观的网页。同时,

也让网页的设计与维护更有效率。
行内元素在设置 水平方向的padding-left、padding-right、margin-left、

margin-right都产生边距效果,但竖直方向的padding-top、padding-bottom

、margin-top、margin-bottom却不会产生边距效果 background-

color:rgba(0,0,0,0.5);  设置div的透明度。

2.所有被!important 标记的样式,即使它后来被重写,浏览器也只会采用被

标记的那条。
!important: IE7/IE8/IE9/FireFox可以识别上面附加!important的语句,

看到附加!important的语句后,就不会再去执行 第二句,尽管他们也“认识

”第二句,但是附加“!important”的语句拥有绝对优先级,只要有它存在,

第二句就不允许执行。
IE6会执行!important的语句后,再去执行第二句“height:900px”,用后面

的样式覆盖了前面的样式,所以在IE6下,最终的height值是900px。(自己想

记下这个用法而已。)

 

   JS
JS是基于web的网页端的脚本语言.
HTML是名词,CSS是形容词,JS是动词
JS中声明变量使用:var来进行声明
弹出提示信息:window.alert( "字符 ");
document.write( " "); 输出语句
confirm("内容");是确认框。
弹出输入提示框:window.prompt();

  运算符号:

   <1>算术运算符:+、-、*、/、%、++、--、-(求反)。

   <2>比较运算符:<、>、<=、>=、==、!=。

   <3>逻辑运算符:!、&&、||。

   <4>赋值运算符:=及其扩展赋值运算符

 

 

总结:通过一周的学习,学到了很多东西,也觉得自己还有很大的提升空间,在JS这一块需要花些时间去整理逻辑思维,加油。

共有 人打赏支持
粉丝 0
博文 3
码字总数 2492
×
张家起灵
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: