学习笔记(5):DIV+CSS 经典盒子模型 积累_html/css_WEB-ITnose
Jun 24, 2016 pm 12:27 PM
盒子模型的效果:
调整faceul的宽,可以调整每一排摆放的数目,调整div1的margin值,可以改变整体的位置,这是很有用的布局模式
===========================================================
html代码:
================================================
CSS代码:
*{
margin:0px;
padding:0px;
}
.div1{
width:500px;
height:300px;
border:1px solid gray;
}
.faceul{
width:420px;
height:250px;
border:1px solid red;
}
.faceul li{
list-style-type:none;
float:left;
width:70px;
height:50px;
border:1px solid red;
margin-left:5px;
margin-top:5px;
}
.faceul img{
width:60px;
height:40px;
margin-left:5px;
margin-top:5px;
}

인기 기사

인기 기사

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?
