css样式

最新推荐文章于 2024-10-02 13:25:04 发布

快别卷了啊

最新推荐文章于 2024-10-02 13:25:04 发布

阅读量83

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_45605563/article/details/123174122

版权

标题
h1-h6
段落
p

内联元素、行内元素：inline
排列在一行，宽度0;内容款撑开宽度，默认有高度。不支持宽高调整。

块元素：block
自动换行，宽度占其父元素100%。默认没有高度，高度内容高来撑开。

内联块元素:inline-block
img: 调整宽度高度，拍在一行。
表单元素

相对路径：
绝对路径：

超链接：a
1、跳转、交互：<a href="url?参数名=值&参数=值&..."></a>
2、执行js代码段:<a href="javascript:js代码段"></a>
3、发送邮件:<a href="mailto:邮箱url"></a>
4、锚点链接:
   定义锚点:
    <a name="值"></a>
   <a id="值"></a>
   定位锚点:
     <a href="#值"></a>
   <a href="url#值"></a>

列表：
无序列表：
<ul type="disc|circle|square|none">
<li>
    内容
</li>
</ul>
有序列表：
<ol type="1|A|a|I|i" start="number">
<li>
    内容
</li>
</ol>
自定义列表：
<dl>
   <dd>111</dd>
</dl>

emment:
* > + [] {} . #

注释：
1、提示：解释说明
2、调试: 测试代码功能

ctrl+/

表格：
<table>
   <tr>
      <td></td>
   </tr>
</table>

属性：
width:宽度
height:高度
border:边框
bordercolor:边框颜色
background:背景图片
bgcolor:背景颜色
align:水平对齐
cellspacing: 内间距（td与td之间的间隙）
cellpadding:内边距（td与其内容之间的间隙）

单元格的合并：
   colspan="number"(列合并)
   rowspan="number"（跨行列合并）

表单：
<form></form>
action:url地址
提交方式：
method:get | post

默认值：文本字符串
enctype="application/x-www-form-urlencoded"

*************************
表单出现了 file 浏览框(文件上传)
enctype="multipart/form-data"
post提交

表单控件、表单元素：
<input type="text|password|radio|checkbox|file|email|submit|reset|image...">
<select>
<option>...</option>
</select>

<textarea>

</textarea>

<button type="submit|reset|button"></button>

表单控件常用的属性：
value:默认值
placeholder:输入提示
maxlength:最大输入长度
readonly:只读
disabled:禁用
checked:默认选中
selected:默认选中
multiple:支持批量上传(多文件选择)
....

http协议：超文本传输协议
客户端发送请求 request
服务器接收请求响应结果给客户端 response
实时请求，无状态请求

get 请求：
1、超链接跳转交互传参
2、表单get提交
3、ajax 异步通信get 方式

post 请求
1、表单post 提交
2、ajax 异步通信post方式
...

get域post 提交的区别：
get:
1、不安全(数据附着地址栏)
2、只能传输文本数据
3、128kb 数据传输量

<a href="xxx.html?id=1">
http://127.0.0.1:8848/public/day03/xxx.jsp?userName=qweq&password=wq&file=&email=efgwgfg%40edfwf&option=&content=wq%09%09%09%09%0D%0A%09%09%09%09%0D%0A%09%09%09

post：
1、安全性高（数据请求中 request headers）
http://127.0.0.1/check.php
2、文本、流文件传递
3、post 理论上无限制

布局标记：
box:盒子
container:容器
<div></div> 块元素(空白)

<span></span> 内联元素(空白)
b i em u

css ：级联样式表、层叠样式表、样式表
css3.0
作用：修饰html元素；代替了html内置属性，
css样式属性具备通用性。
结构代码与表现层进行分离，
维护、二次开发更简单。
更有利于seo优化。

书写位置：
1、头部css样式（初学推荐）
<head>
   <style>
      选择器{
          css样式属性;
      }
   </style>
</head>
2、外链css样式(开发标准)
新建 .css
<link rel = "stylesheet" href="url" />
3、内联样式、行内样式(调试样式)
   <标签 style="css样式"></标签>

语法：
*****选择器是核心******
选择器：帮助获取要修饰html元素
提供四个基本选择器：