关于CSS的入门笔记

最新推荐文章于 2024-07-25 10:45:42 发布

别林波本波

最新推荐文章于 2024-07-25 10:45:42 发布

阅读量43

点赞数

文章标签： css 笔记 html

本文链接：https://blog.csdn.net/xgx_happy/article/details/130944738

版权

HTML   超文本标记/标签语言

html的骨架结构
<html>
<head>
    <title></title>
</head>
<body>   </body>
</html>

快速补全骨架   英文状态下   shift+！

标题标签  只有h1-h6  有默认加粗的效果   由h1-h6逐渐变小  双标签  独占一行
段落标签<p> </p>  双标签  独占一行
强制换行  <br/>

图片标签  img  单标签   多个在一行显示
        src  图片路径  同级路径（./）上一级（../）下一级(极力推荐)（./）
        title   图片正常加载时的提示语
        alt     图片非正常加载（网络卡顿，路径错误，图片名错误等）时的提示语
        width   宽
        height  高   单位是px 像素的意思

有序列表  ol  li是列表项
        type       类型 A a I i 1
        start      开始
        reversed   倒叙

无序列表  ul   li列表项
        type     类型 circle（空心圆）、square（小方块）

自定义列表   dl
        dt   定义项
        dd   解释项

链接标签   a  双标签   多个在一行显示
        href   链接路径
        target="_blank"   从新的页面打开

所谓标签语义化  就是指标签的含义
        1. 方便代码的阅读和维护
        2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
        3. 使用语义化标签会具有更好地搜索引擎优化

五大浏览器有哪些？
IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera

IE ：    Trident
FireFox   ：Gecko
Safari ：   Webkit
chrome/Opera ： blink

想起表单   先想到form    目的：是把所有的信息包含起来，传递给后台
表单是用来收集用户信息，传递我们信息的

Form   表单域
Action   url网址  把内容提交到那个（网址）地方中去
Method(方法)
属性值  1.post提交   安全性高  传输信息量大      速度慢
             2.get 提交    安全性低  传输信息量小      速度快

Input  (输入)  单标签
Type(类型)
<input  type=””>
Type里面的属性值
1.text   文本框
   Name   名字         maxlength(最多写的字数)
   Value  和  placeholder
   Value   都是提示信息        是黑色的字   填写信息时需要删除提示内容
   Placeholder   都是提示信息  是灰色的字  填写信息时可直接填写
2.Password  密码框
3.Radio       单选按钮   checked(默认选中)   二选其一的方式   起相同的name值
4.Checkbox   复选框     checked(默认选中)   多选也要起相同的名字
5.File         文件域  （可以上传图片和文件等）
6.Button      普通按钮   与value属性结合       第二种写法<button>  </button>
7.Submit      提交按钮   默认有提交两个字   想修改默认字与value属性结合
8.Reset      重置按钮    想修改默认字与value属性结合

readonly是置为只读，不能编辑；
disabled是禁用控件，会置灰。

Textarea   文本域    <Textarea ></Textarea >


下拉菜单     特点  节约空间
Select      选择
Option     选项
默认选中   selected

web的三大标准？
1.html   结构     没有化妆的baby
2.css      表现    美化页面的    化妆的baby
3.js        行为    跑起来的化妆的baby

2.css的引入方式？
1.行内式    写到标签内部   必须要写  style   不推荐使用
2.内嵌式    写到head头部里面   title标题下面必须要写  style
3.外链式    写到title标题上面   通过link回车来连接