菜鸟前端01

245 阅读2分钟

前端人前端魂,前端都是人上人

日常语塞额。。。。。。。。。

image.png

我是练习半年的前端练习生小张。
第一次写这个不会写, 为了显得不那么敷衍了事 ,
我将奉上我毕生所学:

根据W3c定义

W3C:万维网,国际最著名的标准化的组织

HTML:超文本标记语言(HyperText Markup Language)

              术语:标记,记号,

元素内容

C s s:      图层样式表          (Cascading Style Sheets)

              用于定义HTML文档样式(外观)

              中文全称:层叠样式表

Java Script:动效 测量 用于响应用户操作。

 

立即加入【超链接】

=标记名

href=属性名

“/classroom/17”=属性值

立即加入=元素内容

属性:表示元素额外的信息,一般写在开始标记里

【划分三个区域,开始,内容,结束】

 

<img src=" 图片路径需在HTML同一路径下" alt="当图片加载失败的时候显示">

元素嵌套:包含其他元素

**

**

h标签(标题标记),数字越大字体越小

img元素没有元素和结束标记(空元素自闭合元素)

div表示划分网页区域

元素关系

1,A元素直接包含B元素。A是B的父元素B是啊的子元素 2,两个元素拥有一个父元素,他们就是兄弟关系

3,若a直接或间接包b含,a就是b的祖先元素

乱数假文:lorem

元素分类:

行内元素a,img

元素一行显示,不会自动换行 宽高可设

块级元素:h标签p标签

独占一行,自动换行,宽高可设

注:一个元素有多个属性

 

快捷键:

Ctrl:+c复制

Ctrl+w粘贴

Ctrl+f查找

Ctrl+a全选

Ctrl+s保存

Ctrl+z撤回

Ctrl+x剪切

Ctrl+r刷新

 

语义化标签:

优点:

每块分区清晰

方便SEO(搜索引擎)

帮助特殊设备使用

 

用于表示页面的头部区域 用于表示导航栏 用于表示周围主题的附加信息 用于表示文章或其他可独立页面存在的内容(翻译:文章) 用于表示一个整体的一部分 用于表示某页面或某区域的脚注 主体内容

 

 

Css 规则

关联css:

1、 外部关联样式表,在head标记里通过link标签引入Css文件

例:<link rel="stylesheet" href="迪士尼样本.css">

 

2、内部标签:在head里面通过style标签书写Css代码

例、

        h1{

            color: black;

            background-color: chartreuse;

        }

    

    

3、 行内/内嵌样式:再开始标记里透通过style属性书写Css代码

例:<h1 style="color: chartreuse;background-color: cornflowerblue;">

 

4、 ID选择器 身份证:一个元素只有一个id

例:<h3 id="box2">id

 

注释:就近原则,优先执行行内样式,内部样式,外部样式(一般采用外部样式表)

              会控制选中的所该元素

!-- 取类名 在开始标记里通过class取类名

       box  left right top bottom

       1.不能是纯数字或者数字开头

       2.见名知意

       3.类名中可以添加符号 box-top box_top

       4.驼峰命名法 boxTop boxTopLeft

image.png

原谅我才疏学浅