织梦图片网站源码下载,辽宁建设工程信息网电话,一年的百度指数,网站空间格式asp文章目录css简介css语法规范css代码风格#xff1a;css选择器的作用css基础选择器标签选择器#xff1a;类选择器多类名选择器id选择器#xff1a;id选择器和类选择器的区别#xff1a;通配符选择器#xff1a;选择器总结css简介
CSS 是层叠样式表 ( Cascading Style …
文章目录css简介css语法规范css代码风格css选择器的作用css基础选择器标签选择器类选择器多类名选择器id选择器id选择器和类选择器的区别通配符选择器选择器总结css简介
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容字体、大小、对齐方式等、图片的外形宽高、边框样式、边距等以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩布局更加灵活自如。简单理解CSS 可以美化 HTML , 让 HTML 更漂亮 让页面布局更简单。 CSS 最大价值: 由 HTML 专注去做结构呈现样式交给 CSS即 结构 ( HTML ) 与样式( CSS ) 相分离
css语法规范
1.使用 HTML 时需要遵从一定的规范CSS 也是如此。要想熟练地使用 CSS 对网页进行修饰首先需要了解CSS 样式规则。 2.CSS 规则由两个主要的部分构成选择器以及一条或多条声明。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XpxDhFBA-1630995878079)(images/css属性规则.png)]
1.选择器是用于指定 CSS 样式的 HTML 标签花括号内是对该对象设置的具体样式 2.属性和属性值以“键值对”的形式出现 3.属性是对指定的对象设置的样式属性例如字体大小、文本颜色等 4.属性和属性值之间用英文“:”分开 5.多个“键值对”之间用英文“;”进行区分 例如 所有的样式都包含在
headstyleh4 {color: blue;font-size: 100px;}/style
/headcss代码风格
1. 样式格式书写1.紧凑格式 h3 { color: deeppink;font-size: 20px;}2.展开格式 h3 {color: pink;font-size: 20px; }强烈推荐第二种格式 因为更直观。2. 样式大小写风格1.小写格式h3 {color: pink;}2.大写格式H3 {COLOR: PINK; }强烈推荐样式选择器属性名属性值关键字全部使用小写字母特殊情况除外。3. 样式空格风格1. h3 {color: pink; }属性值前面冒号后面保留一个空格选择器标签和大括号中间保留空格css选择器的作用
答选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说就是选择标签用的。
找到所有的 h1 标签。 选择器选对人 设置这些标签的样式比如颜色为红色做对事。
css基础选择器
基础选择器又包括标签选择器、类选择器、id 选择器和通配符选择器
标签选择器
标签选择器元素选择器是指用 HTML 标签名称作为选择器按标签名称分类为页面中某一类标签指定统一的 CSS 样式。 语法 标签选择器{ 属性属性值 … } 作用 标签选择器元素选择器是指用 HTML 标签名称作为选择器按标签名称分类为页面中某一类标签指定统一的 CSS 样式。
类选择器
如果想要差异化选择不同的标签单独选一个或者某几个标签可以使用类选择器. 语法 .类名 { 属性1: 属性值1; … } 结构需要用class属性来调用 class 类的意思
变红色 1.如果想要差异化选择不同的标签单独选一个或者某几个标签可以使用类选择器。 2.类选择器在 HTML 中以 class 属性表示在 CSS 中类选择器以一个点“.”号显示。 3.类选择器使用“.”英文点号进行标识后面紧跟类名自定义我们自己命名的。 4.可以理解为给这个标签起了一个名字来表示。 5.长名称或词组可以使用中横线来为选择器命名。 6.不要使用纯数字、中文等命名尽量使用英文字母来表示。 7.命名要有意义尽量使别人一眼就知道这个类名的目的。 8.命名规范见附件 Web 前端开发规范手册.doc多类名选择器
我们可以给一个标签指定多个类名从而达到更多的选择目的。 这些类名都可以选出这个标签. 简单理解就是一个标签有多个名字. 多类名的具体使用
div classred font20亚瑟/div注意 1.在标签class 属性中写 多个类名 2.多个类名中间必须用空格分开 3.这个标签就可以分别具有这些类名的样式
id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML 元素以 id 属性来设置 id 选择器CSS 中 id 选择器以“# 来定义。 语法 #id名 { 属性1: 属性值1; … } 注意id 属性只能在每个 HTML 文档中出现一次
id选择器和类选择器的区别
1.类选择器class好比人的名字一个人可以有多个名字同时一个名字也可以被多个人使用。 2.id 选择器好比人的身份证号码全中国是唯一的不得重复。 3.id 选择器和类选择器最大的不同在于使用次数上。 4.类选择器在修改样式中用的最多id 选择器一般用于页面唯一性的元素上经常和 JavaScript 搭配使用。 通配符选择器
语法 * { 属性1: 属性值1; … } 通配符选择器不需要调用 自动就给所有的元素使用样式 特殊情况才使用后面讲解使用场景(以下是清除所有的元素标签的内外边距,后期讲) * { margin: 0; padding: 0; }
选择器总结