```一、CSS概念1、需求：设置网页标签的样式：宽``、高、背景颜色、位置......用于布局或美化网页2、概念：css 层叠样式表英文全称：cascading style sheets浏览器解释语言：让浏览器去执行解释的语言html css大小写不敏感：小写w3c组织3、css语法：选择器1{ 属性名1：属性值1； 属性名2：属性值2； ... ...} 选择器2{ 属性名1：属性值1： 属性名2：属性值2； ... ...} 选择器：我要找的html标签（元素）属性1：属性值1：width：20px不针对行内样式4、css注释html注释<!--注释内容 -->css注释/*注释内容*///也可以sublime快捷键：ctrl+/5、补充dhtml=html（指定元素）+css（元素大小位置颜色）+javascript（操纵网页元素）<div>内容</div>独占一行，背景颜色一行<span>内容</span>不独占一行，背景颜色跟随内容<SPAN>是行级容器标签，不可以包含图片、标题、段落等，只能包含文字内容（他们存在就是为了样式）二、css样式分类1、行内样式只作用于行内<p style="属性名：属性值；属性名：属性值；">内容</p>2、内嵌样式作用于本页也可以链接到html中<HEAD><STYLE type="text/css">P { /*设置样式：字体和背景色*/font-family: System; font-size: 18px;color: #3333CC;}H2 {background-color: #CCFF33;text-align: center;}</STYLE></HEAD><BODY> <H2.>品种特征方面：</.H2><P> 1、蛋鱼：蛋鱼…….。</P><P> 2、龙睛：龙睛……..。</P><P> 3、高头：高头….。</P>3、外部样式作用于多个页面引入内嵌样式css文件<head>link<link rel="stylesheet" type="text/css" href=".css文件"></head>三、选择器1、html选择器<.style type="txet/css">p{属性名：属性值； 属性名：属性值；}<.style/>2、class类选择器<.p class="命名">内容</p><.STYLE type="text/css"> .命名{ 属性名：属性值； 属性名：属性值；}3、ID选择器<.p id="命名">内容</p><.STYLE type="text/css"> #命名{ 属性名：属性值； 属性名：属性值；}4、子元素选择器(父子关系).div > .input > 选择器1 > 选择器2{}.border：5px dotted red；.dotted：虚线.solid：实线5、后代选择器（后代关系）.div .input{}6、组合选择器选择器，选择器{ 属性名：属性值； 属性名：属性值；}7、样式混用行内样式内嵌样式外部样式就近原则
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦