CSS基础语法与选择器】的更多相关文章

CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } </style> </head> CSS选择器 标签选择器 ID选择器 类选择器 特殊选择器 交集 并集 后代选择器 通用选择器 伪类选择器 CSS3新增选择器…
目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 字体系列 字体大小 字体粗细 文字样式 复合属性 总结 四.文本属性 1.文本颜色 2.对齐文本 3.装饰文本 4.文本缩进 5.行间距 总结 五.CSS的引入方式 1.内部样式表 2.行内样式表 3.外部样式表 总结 六.Chrome调试工具 使用调试工具 七.Emmet语法 1.快速生成HTML…
HTML&CSS基础-伪元素选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>伪元素</title> <style> /** * 伪元素选择器: * 使用伪元素来表示元素中的一些特殊的位置,对于IE6来说都是不支持的,要慎用哟~ *…
HTML&CSS基础-伪类选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style> /** * 伪类 * 功能: * 有时候,你需要选择本身没标签但是仍然易于识别的网页部位,比如段落首行或鼠标滑过的…
CSS 基础知识点汇集 版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言.样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一. HTML 标签被设计为用于定义文…
CSS基础 1.css简介 cascading style sheets    汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式. 2.CSS语法 选择符{属性:属性值:属性:属性值:} div{width:500px; background:yellow; height:100px; } 说明: 1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值: 2)属性必须放在花括号中,属性与属性值用冒号…
1.CSS语法 CSS规则有两个主要部分构成:选择器,以及一条或多条说明. 例如:selector{declaration1;declaration2;declaration3;......;} 注:选择器通常是你需要改变样式的html元素. 每条声明有一个属性和一个值组成. 属性(property)是你希望设置的样式属性(style attribute).每个属性都有一个值,属性与值之间通过冒号(:)隔开. 例:h1{color:red;font-size:10px;} 2.值的不同写法和单位…
选择器 基础选择器:标签选择器,id选择器,类选择器,通配符选择器 高级选择器:后代选择器,交集选择器,并集选择器 1. 标签选择器: • 优点:可以选中所有的同名标签,设置所有同名标签的公共样式. • 缺点:只能实现全选,不能对局部的标签添加特殊样式.   2. id选择器 ① 通过标签上的 id 属性去选择标签. ② 书写方式:#id 属性值 ③ 选择范围:只能选中一个标签. ④ id 命名规则:必须以字母开头,后面可以有字母.数字.下划线.横线,严格区分大小写.每个 id 属性值必须是唯一…
页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔.         选择器{                    属性1:属性值1;                    属性2:属性值2;                 …
样式表的选择器 1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … }  3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{     border:1px solid red; } 5.包含选择器 .first span{color:red;} 6.通用选择器 * {color:red;} 7.伪类选择器 1.静态伪类(只应用于超链接)…