centos 6.7 버전을 설치해야되는데 국내 미러링 사이트에는 iso파일이 없었다...


그래서 미국 사이트에서 CentOS-6.7-x86_64-bin-DVD1.iso 이녀석을 받아 부팅디스크를 만들고 설치 하려했으나

이런화면이 나왔다...

what type of media contains the installation image에 대한 이미지 검색결과

사진출처(http://www.tectute.com/2012/11/how-to-install-redhat-enterprise-linux.html)


이거슨 live파일로 설치할때 나오는 거라는데 나는 CentOS-6.7-x86_64-bin-DVD1.iso 이파일을 받았는데?...

그래서 미쿸말고 유럽쪽 미러링 사이트에서 CentOS-6.7-x86_64-bin-DVD1.iso 이녀석을 다시받아서 부팅디스크를 만들고

다시 설치했으나 똑같았다...


그래서 그냥 라이브로 설치해보자...


what type of media contains the installation image에 대한 이미지 검색결과

사진출처(https://www.jbldata.com/installing-centos-6-4-in-a-virtual-machine/)


url을 들어가서 네트워크 설정을 무사히 마치면 밑에있는 화면이 나온다


01_centos6_netinstall


netinstall url이 이거랜다.

32 bit : http://mirror.centos.org/centos/6/os/i386/
64 bit : http://mirror.centos.org/centos/6/os/x86_64/

02_centos6_netinstall


url을 입력해준다.


03_centos6_netinstall

출처(https://scottlinux.com/2011/07/17/centos-6-netinstall-url/)


설치한다.


끝?


6.7이 잘 설치될지는 설치해보고 결과를 적어야겠다.

그냥 6.8쓰지 뭔 꼭 6.7이어야되는지 나를 힘들게 하는지 열받는다.(보고있나 차장)

저작자표시 비영리 변경금지

'IT' 카테고리의 다른 글

Spring 회원가입 ID중복 검사 버튼  (1) 2017.03.15
Spring 회원가입 ID중복 검사  (0) 2017.03.14
jsp에서 controller로 데이터 ajax로 보내기  (0) 2017.03.08

연결 선택자


'연결 선택자'는 선택자와 선택자를 연결해 적용 대상을 한정시키는 선택자입니다. '컴비네이션 선택자' 또는 '컴비네이션 셀렉터(combination selector)', '조합 선택자'라고도 불립니다.



1. 하위 선택자 - 지정한 모든 하위 요소에 스타일 적용


#container ul {
    border: 1px dotted blue; /* #container 요소의 모든 하위 ul 요소에 파란 1px 실선 */
  }


- 부모 요소에 포함된 자식 요소뿐만 아니라 손자요소, 손자의 손자 요소 등 모든 하위 요소에 스타일이 적용된다.

- 하위 선택자를 정의할 때는 상위 요소와 하위 요소를 공백으로 구분하고 대괄호 안에 속성을 지정한다.



2. 자식 선택자 - 자식 요소에만 스타일 적용


 #container > ul {
  border : 1px dotted blue;  /* #container 요소의 자식 ul 요소에 파란 1px 실선 */
  }



3. 인접 형제 선택자 - 가장 가까운 형제 요소에 스타일 적용


h1+ul {                /* h1 요소 다음의 첫 번째 ul 요소에 적용할 스타일 */
    color:blue;             
    font-weight:bold;     
  }



4. 형제 선택자 - 형제 요소에 스타일 적용


h1~ul {              /*h1 요소 다음에 오는 모든 ul 요소에 적용할 스타일*/
  color:blue;       
  font-weight:bold; 
}



속성 선택자



1. [속성] 선택자 - 지정한 속성에 스타일 적용


a[href] {
     background:yellow;
}



2. [속성=값] 선택자 - 특정 값을 갖는 속성에 스타일 적용


a[target="_blank"] {
         padding-right:30px;
         background:url(images/newwindow.png) no-repeat center right;
 }



3. [속성 ~=값] 선택자 - 여러 값 중 특정 값이 포함된 속성에 스타일 적용


[class ~="button"] {
        border: 2px solid black;
        box-shadow: rgba(0,0,0,0.4) 5px 5px;
}



4. [속성 |=값] 선택자 - 특정 값이 포함된 속성에 스타일 적용


a[title |="us"] {
        background: url(images/us.png) no-repeat left center;
        padding: 5px 25px;
}



5. [속성 ^=값] 선택자 - 특정 값으로 시작하는 속성에 스타일 적용


a[title ^="eng"] {
        background: url(images/us.png) no-repeat left center;
        padding: 5px 25px;
}



6. [속성 $=값] 선택자 - 특정 값으로 끝나는 속성에 스타일 적용


a[href $= "hwp"] { /* 연결한 파일의 확장자가 hwp인 링크 */
        background: url(images/hwp_icon.gif) center right no-repeat; 
        padding-right: 25px; 
    }



7. [속성 *=값] 선택자 - 값의 일부가 일치하는 속성에 스타일 적용


[href *= "w3"] {
         background:blue;
         color:white;        
}





<출처> Do it! HTML5+CSS3 웹 표준의 정석

저작자표시 비영리 변경금지

'IT > CSS' 카테고리의 다른 글

[CSS 입문] 표 스타일 속성  (0) 2017.04.19
[CSS 입문] 다단 관련 속성  (0) 2017.04.19
[CSS 입문] CSS 포지셔닝의 주요 속성들  (0) 2017.04.17
[CSS 입문] 여백을 조절하는 속성  (0) 2017.04.17
[CSS 입문] 테두리 관련 속성  (2) 2017.04.13

1.  <object> 태그 - 외부 파일 삽입하기


웹 브라우저에서 직접 재생할 수 없는 자바 애플릿이나 PDF 파일, 플래시 무비 같은 콘텐츠를 웹 문서 안에 포함시기키 위해 사용합니다.


<object data="경로" type="유형" name="이름" width="너비" height="높이"></object>


<img> 태그에서 src 속성을 반드시 사용해야 하듯이 특정 외부 파일을 가져와 표시할 것인지 여부를 알려주기 위해 최소한 data나 type 속성 둘 중 하나를 반드시 사용해야 합니다.



2. <embed> 태그 - 외부 파일 삽입하기


<embed src="경로" type="유형" width="너비" height="높이">


<embed> 태그는 닫는 태그가 없고 주로 <object> 태그를 지원하지 않는 이전 브라우저에서 사용됩니다.



3. <audio> 태그 - 오디오 파일 삽입하기


HTML5에서 배경 음악이나 효과음 등 오디오를 삽입할 때는 <audio> 태그를 사용합니다. 일반적으로 대부분의 브라우저에서는 mp3 파일을 삽입합니다.


<audio src="오디오 파일 경로" [속성] [속성="속성 값"]</audio>


<audio> 태그에서 사용할 수 있는 속성은 다음과 같습니다.


속성

설명 

autoplay

오디오를 자동 재생한다. 

controls

웹 화면에 컨트롤 막대를 표시한다. 컨트롤 막대에는 재생/멈춤, 진행 바, 볼륨 등이 표시된다. 

loop

오디오를 반복 재생한다. 

muted

오디오를 재생해 진행하지만 소리는 끈다. 

preload

파일을 재생하기 전에 미디어 파일을 모두 다운로드할 것인지, 일부 정보만 다운로드 할 것인지 지정한다.

none - 미디어 파일을 미리 다운로드하지 않고 사용자가 재생 버튼을 눌러야만 다운로드를 시작한다.

metadata - 미디어 파일 전체를 다운로드하지 않고 메타 정보만 다운로드한다.

auto - 웹 문서를 로드할 때 미디어 파일도 모두 다운로드한다. 기본 값.

width, height

비디오의 크기를 조절한다. 

poster

비디오를 재생할 수 없을 경우, 대신 표시하는 이미지를 지정한다.



4. <video> 태그 - 비디오 파일 삽입하기


<video src="비디오 파일 경로" [속성] [속성="속성 값"]</video>


<video> 태극에서 사용할 수 있는 속성은 <audio> 태그와 거의 일치한다.



5. <source> 태그 - 여러 미디어 파일 한꺼번에 지정하기


<source> 태그에는 미디어 파일의 경로를 지정하는 src 속성과 미디어 파일의 형식을 알려주는 type 속성을 사용합니다. 간단히 type 속성만 사용할 수도 있고 codecs 속성을 이용해 코덱까지 함께 표시할 수도 있습니다.


<video controls>
        <source src="media/Painting.ogv" type="video/ogg">
        <source src="media/Painting.mp4" type="video/mp4">
        <source src="media/Painting.webm" type="video/webm">
</video>



6. <track> 태그  - 자막 삽입하기


속성

설명 

kind 

자막의 종류를 지정한다.

subtitles - 비디오 화면에 표시되는 자막이다. 기본 값. 

captions - 비디오 화면에 표시되는 캡션이다. 청각장애인용 자막이거나 소리를 들을 수 없을 때 사용한다.

descriptions - 비디오 콘텐츠에 대한 설명이다. 비디오 화면에 표시되지 않는다.

chapters - 비디오 탐색을 위한 장 제목이다. 비디오 화면에 표시되지 않는다.

metadata - 비디오 콘텐츠 정보이다. 비디오 화면에 표시되지 않는다.

src

자막 테스트의 파일 경로를 지정한다. 

srclang 

사용한 언어를 지정한다. 

label 

자막이 여러 개일 경우, 식별할 수 있도록 제목을 달아 준다. 

default

자막이 여러 개일 경우, 기본으로 사용할 자막을 default로 지정할 수 있다. 


<track src="Wildlife.vtt" srclang="ko" label="Korean" default>





<출처> HTML5+CSS3 웹 표준의 정석

저작자표시 비영리 변경금지

'IT > HTML' 카테고리의 다른 글

HTML5 시맨틱 태그  (0) 2017.04.20
[HTML 입문] 기타 폼 요소  (0) 2017.03.28
[HTML 입문] 여러 데이터를 나열하는 태그  (0) 2017.03.27
[HTML 입문] <input> 태그  (0) 2017.03.24
[HTML 입문] 폼을 만드는 기본적인 태그  (0) 2017.03.23

+ Recent posts

티스토리툴바