{"id":367,"date":"2021-08-03T23:26:33","date_gmt":"2021-08-03T14:26:33","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=367"},"modified":"2023-01-05T16:32:59","modified_gmt":"2023-01-05T07:32:59","slug":"css2","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/08\/03\/css2\/","title":{"rendered":"CSS\u5b66\u7fd2\u306e\u307e\u3068\u30812(\u30bb\u30ec\u30af\u30bf\u30fc)"},"content":{"rendered":"

\u30bb\u30ec\u30af\u30bf\u30fc\u3068\u306f\uff1f<\/h3>\n

\u30bb\u30ec\u30af\u30bf\u30fc<\/strong><\/span>\uff08\u3069\u3053\u306e\uff09 {<\/p>\n

\u30d7\u30ed\u30d1\u30c6\u30a3(\u306a\u306b\u3092): \u5024 (\u3069\u3046\u3059\u308b); }<\/p>\n

\u4e0b\u7dda\u306e\u90e8\u5206\u3067\u30bb\u30ec\u30af\u30bf\u30fc\u306b\u306f3\u7a2e\u985e\u3042\u308b<\/p>\n

1:\u30a8\u30ec\u30e1\u30f3\u30c8\uff08\u8981\u7d20\uff09\u30bb\u30ec\u30af\u30bf\u30fc:\u3000h1\uff5eh6,p,li,ul,ol,<\/code>\u306a\u3069<\/p>\n

2:ID\u30bb\u30ec\u30af\u30bf\u30fc<\/h3>\n

HTML\u306e\u8a18\u8ff0(\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u90e8\u5206\u306f\u7701\u7565)<\/h3>\n
\n
<p id=\"hello\">\u3053\u3093\u306b\u3061\u306f<\/p><\/code><\/pre>\n<\/div>\n
CSS\u306e\u8a18\u8ff0<\/h3>\n
\n
#hello { \r\n color:# blue; \r\n}<\/code><\/pre>\n<\/div>\n
\u203bHTML\u3067\u306fid=””<\/strong>\u3067\u6307\u5b9a\u3057\u3001CSS\u306f#\u3092\u3064\u3051\u308b.<\/strong>\u30da\u30fc\u30b8\u5185\u3067\u4e00\u610f\u306e\u540d\u524d\u3092\u3064\u3051\u3089\u308c\u3001\u305d\u3053\u306bCSS\u3092\u5f53\u3066\u308b<\/p>\n
3:\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u30fc<\/h3>\n
HTML\u306e\u8a18\u8ff0(\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u90e8\u5206\u306f\u7701\u7565)<\/h3>\n
\n
<p class=\"hello\">\u3053\u3093\u306b\u3061\u306f<\/p><\/code><\/pre>\n<\/div>\n
CSS\u306e\u8a18\u8ff0<\/strong><\/code><\/h3>\n
\n
.hello {\r\n\u00a0 color:# blue;\r\n}<\/code><\/pre>\n<\/div>\n
\u203bHTML\u3067\u306fclass=””<\/strong>\u3067\u6307\u5b9a\u3057\u3001CSS\u306f.<\/strong>\u3092\u3064\u3051\u308b<\/p>\n
<\/p>\n
HTML\u306e\u8a18\u8ff0<\/h3>\n
\n
<!DOCTYPE html>\r\n <html lang=\"ja\">\r\n  <head> \r\n   <meta charset=\"utf-8\">\r\n    <title>\u72d0\u306e\u7d39\u4ecb\u30da\u30fc\u30b8<\/title>\r\n     <link rel=\"stylesheet\" href=\"stylesheets\/Fox.css\"> <\/head>  \r\n   <body>\r\n     <h1>\u72d0\u306e\u7d39\u4ecb\u30da\u30fc\u30b8<\/h1>\r\n       <p>\u72d0\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n        <img src=\"images\/Fox.jpg\">\r\n       <h2 id=\"favorite\">\u597d\u304d\u306a\u98df\u3079\u7269<\/h2>\r\n        <ol>   \r\n         <li class=\"special\">\u6cb9\u63da\u3052<\/li>\r\n          <li class=\"special\">\u30c9\u30c3\u30b0\u30d5\u30fc\u30c9<\/li>\r\n           <li>\u304b\u3064\u304a\u7bc0<\/li>\r\n        <\/ol>\r\n        <h2 id=\"sns\">SNS<\/h2>\r\n         <p>Twitter\u3067<a href=\"http:\/\/twitter.com\/\">\u30d5\u30a9\u30ed\u30fc<\/a>\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>   \r\n    <\/body>\r\n<\/html><\/code><\/pre>\n<\/div>\n
CSS<\/h3>\n
\n
\/* body\u8981\u7d20\u3078\u80cc\u666f\u8272\u306e\u8a2d\u5b9a\u3002#f7fbff \uff08\u8584\u3044\u6c34\u8272\uff09*\/\r\nbody {\r\nbackground: #f7fbff;\r\n}\r\n\r\n\/* \u5927\u898b\u51fa\u3057(h1)\u3078\u306b\u5bfe\u3057\u3066\u3001\r\n\u6587\u5b57\u8272 #ffffff\u3000\uff08\u767d\uff09\u306e\u8a2d\u5b9a\u3002\r\n\u80cc\u666f\u8272 #73badc (\u6c34\u8272)\u306e\u8a2d\u5b9a\u3002 *\/\r\nh1 {\r\ncolor: #fff;\r\nbackground: #73badc;\r\n}\r\n\r\n\/* id\u540d\u304c\"favorite\"\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u6587\u5b57\u8272 #1b942f (\u7dd1) \u3092\u8a2d\u5b9a *\/\r\n\r\n#faborite {\r\ncolor: #1b942f;\r\n}\r\n\/* class\u540d\u304c\"special\"\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u6587\u5b57\u8272 #c72626 \uff08\u8d64\uff09\u3092\u8a2d\u5b9a *\/\r\n.special {\r\ncolor: #c72626;\r\n}\r\n\r\n\/* id\u540d\u304c\"sns\"\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066\u3001\u67a0\u7dda\u3092\u8a2d\u5b9a\u3002\r\n\u7dda\u306e\u8272\u306f\u3001#73badc (\u6c34\u8272) \u3001\r\n\u7dda\u306e\u592a\u3055\u306f\u30015px\u3001\r\n\u7dda\u306e\u7a2e\u985e\u306f\u3001solid\u3092\u8a2d\u5b9a\u3002\r\n *\/\r\n#sns {\r\nborder: #73badc 5px solid;\r\n}<\/code><\/pre>\n<\/div>\n
\u3053\u306e\u69d8\u306b\u306a\u308b<\/h3>\n
\"\"<\/p>\n
\u305d\u306e3\u306b\u7d9a\u304f<\/a><\/p>\n
<\/code><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"
\u30bb\u30ec\u30af\u30bf\u30fc\u3068\u306f\uff1f \u30bb\u30ec\u30af\u30bf\u30fc\uff08\u3069\u3053\u306e\uff09 { \u30d7\u30ed\u30d1\u30c6\u30a3(\u306a\u306b\u3092): \u5024 (\u3069\u3046\u3059\u308b); } \u4e0b\u7dda\u306e\u90e8\u5206\u3067\u30bb\u30ec\u30af\u30bf\u30fc\u306b\u306f3\u7a2e\u985e\u3042\u308b 1:\u30a8\u30ec\u30e1\u30f3\u30c8\uff08\u8981\u7d20\uff09\u30bb\u30ec\u30af\u30bf\u30fc:\u3000h1\uff5eh6,p,li,ul,ol,\u306a\u3069 2:ID\u30bb\u30ec\u30af […]<\/p>\n","protected":false},"author":1,"featured_media":7097,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[9,27],"tags":[],"class_list":["post-367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-programming-note"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t