PHP 웹 프로그래밍
양식
1. POST 및 GET 전송의 최대 용량을 각각 간략하게 설명하세요.
2. 양식을 통해 업로드되는 파일의 크기를 조절하는 방법은 무엇인가요?
3. 양식에 읽기 전용 속성을 설정하는 방법은 무엇입니까?
4. 어떤 상황에서 $name과 $_POST['name']을 같은 의미로 사용할 수 있나요?
php.ini 파일에서 Register_globals = On일 때 $name 및 $_POST['name' ]는 양식(포스트 모드에서 제출됨)의 양식 요소 이름 값을 가져올 수 있습니다.
그러나 모든 register_globals 변수를 활성화하는 것은 프로그램에 보안 위험을 초래할 수 있으므로 권장되지 않습니다. .
CSS 스타일
1.CSS란 무엇인가요?
CSS(Cascading Style Sheet, "Cascading Style Sheet" 또는 "캐스케이딩 스타일 시트") 언어는 해석이 필요하지 않고 브라우저에서 직접 해석하고 실행하여(브라우저 해석 언어에 속함) 웹 페이지의 모양을 제어할 수 있는 마크업 언어입니다. 표시 속성 설정에 있어서 HTML의 단점을 보완하기 위해 W3C 협회에서 지정한 확장 스타일 표준 집합입니다.
기능은 다음과 같습니다.
2. HTML 페이지에 CSS 스타일을 삽입하는 방법은 몇 가지입니까?
3. 일반적인 CSS 스타일 속성:
4. IE6에서 다음 코드의 이중 여백 문제를 해결하는 방법은 무엇입니까?
属性名称
解析
border
定义边框的属性可以设置边框的宽度、颜色、样式
background-color
设置背景颜色
background-image
设置背景图像
font-size
设置字体大小
font-family
设置字体
text-decoration
检索或设置对象中文本的装饰，如下划线、闪烁等
line-height
检索或设置对象的行高，即字体最底端与字体内部顶端之间的距离
letter-spacing
检索或设置对象中的文字之间的间隔
text-align
设置或检索对象中文本的对齐方式
<span><span><style type="text/css">
body </span>{<span>margin</span>:<span>0</span>;}<span>div </span>{<span>float</span>:<span>left</span>; <span>margin-left</span>:<span>10px</span>;<span> width</span>:<span>200px</span>;<span> height</span>:<span>200px</span>; <span>border</span>:<span>1px</span>;<span> solid red;</span>}<span></style></span></span>
이는 IE6에서 흔히 발생하는 버그입니다. 정의된 여백은 10px이지만 IE에서는 이를 20px로 해석합니다.
해결책: display 속성 추가:inline
5. 클릭되었습니다. 호버 스타일이 표시되지 않는 문제가 있습니까?
하이퍼링크 스타일 속성을 올바르게 정렬하면 됩니다.
a:link{color:red;text-docoration:none}
a:visited{color:blue;text-꾸밈:없음}
a:hover{color: 검정;텍스트 장식:오버라인}
a:액션{color:black;텍스트 장식:오버라인}
6. Firefox 브라우저에서 텍스트가 컨테이너 높이를 열 수 없는 문제를 해결하는 방법은 무엇입니까?
두 개의 CSS 속성 최소 너비 및 최소 높이, 명확한 정렬 클래스clear:both 속성이 있는 div를 추가하여 Firefox 브라우저의 높이를 자동으로 계산할 수도 있습니다.
7. 높이가 약 1px인 컨테이너를 어떻게 정의하나요?
웹 페이지 레이아웃 과정에서 네비게이션 바 사이가 필요한 경우가 종종 있습니다. 파티션의 경우 일반적으로 높이를 1픽셀로 설정하는 것이 가장 좋습니다.
DIV 태그
1. 태그와 2. 방법 DIV 레이어 중앙 위치를 지정하려면? 위치:절대; 상위:50%; 왼쪽:50%; 여백:-100px 0 0 -100px; 3. filefox 브라우저에서 중첩된 div 태그의 잘못된 텍스트 정렬 속성 문제를 해결하는 방법은 무엇입니까? JavaScript 스크립트 1. 대화 상자를 띄우고 입력 포커스를 가져오는 함수: alert() 사용 Function focus()Function 을 사용하여 입력 포커스를 얻으세요. JavaScript의 리디렉션 기능? 외부 JavaScript 파일을 가져오는 방법은 무엇입니까? 스티어링 기능: window.location.href="파일 이름"; 외부 JavaScript 파일 도입: 3. 텍스트 상자 위로 마우스를 가져가면 텍스트 상자의 내용이 자동으로 선택됩니다. 4 5. 홈페이지의 JavaScript 코드를 설정합니다: 1. jQuery에서 Ajax를 사용하여 사용자 이름이 사용 중인지 확인합니다. 두 페이지를 정의해야 합니다. php 페이지 코드는 in.php 페이지 코드는 다음과 같습니다. 2. 텍스트 상자에 연도를 입력하고, 해당 연도의 별자리를 결정하여 옆에 출력하는 코드를 작성합니다. 텍스트 상자에는 HTML 및 JavaScript 코드를 작성해야 합니다. PHP 백그라운드에서 황도대 별자리를 결정하는 스크립트: 目前比较流行的客户端脚本语言框架jQuery,由美国人John Resig创建，是优秀的JavaScript框架，其宗旨是write less,do more.它是轻量级的js库，兼容CSS3，兼容各种浏览器（IE 6.0+）。用户能更方便地处理HTML document、events，实现动画效果，并且可以方便地为网站提供AJAX交互。jQuery另一个比较大的优势是，它的文档说明很全，而且各种应用也说的很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的HTML页保持代码和HTML内容的分离，也就是说，不用再在HTML里面插入一堆js来调用命令了，只需定义id即可。 1.jQuery中常用选择器： 基本选择器： id选择器：只能用一次 class选择器：允许重复使用 标签选择器 *：匹配所有元素 层次选择器： $("#a.b") 选取id值为a的元素里所有class值为b的元素。 $("#a>.b") 选取id值为a的元素后的class值为b的子元素。 $("#a+.b") 选取id值为a的元素后紧挨的class值为b的元素。 过滤选择器： ：first，选取第一个元素。 ：odd,选取索引是奇数的元素。 ：even,选取索引是偶数的元素。 ：not,选取除某元素外的其他元素。 ：eq(),按索引寻找元素。 ：lt(),小于某索引值的元素。 ：gt,大于某索引值的元素。 2.如何实现查找DOM树中的元素？ var input = $("input:first"); 3.如何在DOM树中创建并插入元素？ 4.如何在DOM树中替换指定元素？ 5.将一张图片以淡出的效果消失在页面中： 6.制作一个按钮，当按钮被单击时以卷帘效果消失： 7.照片轮换效果： 鉴于最近要准备各种期末考和大作业，发博时间明显减少，劳烦多多理解啊！本篇都是利用零碎时间编辑的，现在大功告成还是挺满足啦，若您觉得有帮助，可以随手点个赞。
以上就介绍了PHP求职宝典系列——PHP Web 编程篇，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
<span>1</span><span><style>
</span><span>2</span><span>.one </span>{<span>border</span>:<span>1px solid blue</span>;<span>width</span>:<span>300px</span>;<span>height</span>:<span>200px</span>;<span>text-align</span>:<span>center </span>}
<span>3</span><span>.two </span>{<span>border</span>:<span>1 px solid blue</span>;<span>width</span>:<span>200px</span>;<span>height</span>:<span>100px</span>;<span>margin</span>:<span>0px auto </span>}
<span>4</span><span></style>
</span><span>5</span><span><div>
</span><span>6</span><span><div></div>
</span><span>7</span><span></div></span>
1 <script type="text/javascript" src="jquery-1.4.2.js"></script>
2 <input type="text" ><input type="button" value="校验">
3 <script type="text/javascript">
4 $(<span>function</span><span>() {
</span>5 $("input:last".click(<span>function</span><span>() {
</span>6 $.get ("in.php",<span> {
</span>7 username:$("input:first").<span>val()
</span>8 },<span>function</span><span>(data) {
</span>9<span> alert (data);
</span>10 })'<span> 11 });
12 });
13 </script></span></span></span></p>
<p></p>
<p> 첫 페이지의 코드 디자인은 다음과 같습니다: </p>
<pre class="brush:php;toolbar:false"><span> 1</span> <?<span>php
</span><span> 2</span><span>$string</span>="明日科技"<span>；
</span><span> 3</span><span>if</span>(<span>isset</span><span>($ GET[username])) {
</span><span> 4</span><span>if</span>(<span>urldecode</span>($ GET[username])==<span>$string</span><span>) {
</span><span> 5</span><span>echo</span> "用户名被占用"<span>;
</span><span> 6</span> }<span>else</span><span>{
</span><span> 7</span><span>echo</span> "用户名可用"<span>;
</span><span> 8</span><span> }
</span><span> 9</span><span>}
</span><span>10</span> ?>
코드 보기
<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>苹果</span>"<span>);
</span><span>5</span> $("div").append(title);<span>//</span><span>将title追加到div标签内容的后面</span><span>6</span> $("div").before(title);<span>//</span><span>将title追加到div标签之前与div标签属于同一层次</span><span>7</span> $("div").prepend(title);<span>//</span><span>将title追加到div标签内容之前</span><span>8</span> $("div").after(title);<span>//</span><span>将title追加到div标签之后与div标签属于同一层次</span><span>9</span> </script><span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"</script>
<span>2</span> <div>水果</div>
<span>3</span> <script>
<span>4</span><span>var</span> title=$("<span>苹果</span>"<span>);
</span><span>5</span> $("div"<span>).replaceWith(title);
</span><span>6</span> </script><span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <img src="color.jpg">
<span>3</span> <script>
<span>4</span> $("img".click(<span>function</span><span>(){
</span><span>5</span> $(<span>this</span>).fadeOut("slow"<span>);
</span><span>6</span><span>});
</span><span>7</span> </script><span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <input type="button" value="按钮"><script>
<span>3</span> $("input").click(d=<span>function</span><span>(){
</span><span>4</span> $(<span>this</span>).slideUp("slow"<span>);
</span><span>5</span><span>});
</span><span>6</span> </script><span> 1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span> 2</span> <style>
<span> 3</span> ul{list-<span>style:none;width:350px;height:200px;position:absolute}
</span><span> 4</span><span>li{position:ansolute}
</span><span> 5</span> </style>
<span> 6</span> <div>
<span> 7</span> <ul>
<span> 8</span> <li><img ssrc="1.jpg" width=350px height=200px></li>
<span> 9</span> <li><img ssrc="2.jpg" width=350px height=200px></li>
<span>10</span> <li><img ssrc="3.jpg" width=350px height=200px></li>
<span>11</span> <li><img ssrc="4.jpg" width=350px height=200px></li>
<span>12</span> </ul>
<span>13</span> </div>
<span>14</span> <script>
<span>15</span> $(<span>function</span><span>(){
</span><span>16</span> $(."change ul li:not(:first)"<span>).hide();
</span><span>17</span> setInterval(<span>function</span><span>(){
</span><span>18</span><span>if</span>($."change ul li:last").is(":visible"<span>)){
</span><span>19</span> $(."change ul li:first").fadeIn("slow"<span>);
</span><span>20</span> $(."change ul li:last"<span>).hide();
</span><span>21</span> }<span>else</span><span>{
</span><span>22</span> $(."change ul li:visible").next().fadeIn("slow"<span>);
</span><span>23</span><span> }
</span><span>24</span> },1000<span>);
</span><span>25</span><span>});
</span><span>26</span> </script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
