css 就是为html服务的。
html专注于做页面的开发，css 专注于做样式的开发。
三种主要结合方式：
style属性，所有的html标签都有一个style的属性<div style="color:red"/>在head 里面写一个样式的脚本
<head> <style type="text/css"> div { color:blue } </style></head>引入外部的css文件<link rel="stylesheet" type="text/css" src="css的路径"></link>
3种结合方式优先级：方式1>方式2>方式3
css的样式优先级是从内到外,执行顺序是从上到下。
以下面这段代码为例：
<div id="huge1" name="xxxx" class="hugeclass"> <p>我刚才喜欢胡歌，现在不怎么喜欢，喜欢的人太多了</p> <div id="hu治风湿的药酒ge2"></div></div><div id="huge3" class="hugeclass2"> 很多很多内容</div>标签选择器：标签 {}
<!--样式是以分号结尾的,属性有：border: 边框 line_width|line_style|color第一个是边框的宽度，第二个就是边框：实线，虚线 color:边框的颜色margin:外边距 分上右下左（顺时针）pading:内边距 --><style> div { border:1px solid red; } </style> id文笔塔选择器 :#id {} 根据id来选取<style> #huge1 { color:red; border:1px solid black; } </style>类选择器 :.class {}<style> .hugeclass { border:1px solid blue; } </style>选择器的优先级：id >class>标签
css：层叠样式表
样式是一层一层
多个样式指向同一个标签，样式会叠起来，但是叠的顺序就是id ,class,标签
东莞常平中学标准的格式 div[]
div[name] :有name属性就选择 div[name=”xx”] :有属性且属性值为xx，就选择 div[name包含x]：name属性包含x，就选择 div[属性以xx开头]：属性以xx开头，就选择 div[属性以xx结尾]：属性以xx结尾，就选择一个超链接点击以后，要给它变一个颜色。
超链接的伪类选择器：
未点击 ->放到超链接上-> 点击-> 链接完成
:link-> :hover-> :active-> :visited
<style> a:visited { color:red; } </style>耳麦没声音
只需要改变盒子模型的值（css）就ok了，而css是一个分离的文件，这样设计一个页面j就很简单。
本文发布于:2023-04-03 17:16:00，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/4414e4f96d73a76599831b9206c5d2b9.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：CSS基本知识.doc
本文 PDF 下载地址：CSS基本知识.pdf
| 留言与评论（共有 0 条评论） |
