一、HTML关联样式方式 （1）link标签引入 （2）style标签里编写 （3）在style里用@import引入 （4）内联样式——在标签的style属性里编写 二、选择器 1、类型 （1）元素选择器（可分组） 如：div，img，h1{color:red;} （2）类选择器（.） 按照cla ...
分类：
Web程序 时间：
2020-01-06 13:00:15
阅读次数：
83
css选择器 标签选择器： 标签名{样式名1：样式值1;……} 作用：会将当前网页内的所有该标签增加相同的样式 id选择器: #标签的id属性值{样式名1：样式值1;……} 作用：给某个指定的标签添加指定的样式 类选择器： .类选择器名{样式名1：样式值1;……} 作用：给不同的标签添加相同的样式 ...
分类：
Web程序 时间：
2020-01-05 20:43:49
阅读次数：
101
类 id 元素选择器 伪类选择器 伪元素选择器 属性选择器 css ^开始 $结尾 包含 E[att] E[att="val"] E[att^="val"] E[att$="val"] E[att ="val"] 包含val并用空格分隔 E[att~="val"] 以val开头并用连接符" "分隔 ...
分类：
Web程序 时间：
2020-01-04 01:41:20
阅读次数：
148
"一、css语法结构" "二、css选择器" "三、css属性相关" css介绍: css又称层叠样式表,用来调节标签的样式,css应该是一个独立的文件 css注释 : 一、css语法结构 css样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 css的三种引入方式 ...
分类：
Web程序 时间：
2020-01-03 12:29:34
阅读次数：
111
1.id选择器，id是一一对应 <div id="only">123</div> #only{ background-color: red; } 2.class选择器，多对多关系 .demo{ background-color: black;} 3.标签选择器，css选择标签选择器，一选就是全部的 ...
分类：
Web程序 时间：
2020-01-01 17:11:20
阅读次数：
73
Sublime Text、webstorm等编译器，如果你从事Web前端开发的话，对这几款软件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： 一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签，比如<html>、 ...
分类：
Web程序 时间：
2020-01-01 12:03:25
阅读次数：
89
typora copy images to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） 如上图所以，要把里面的小黄人分为2组， ...
分类：
Web程序 时间：
2019-12-31 18:46:10
阅读次数：
110
题外话 最近看了《精通CSS，高级web标准解决方案》这本书。所以接下来的几篇文章结合自己的理解，参照本书做一下总结。 好，废话不多说，开始进入正题。 CSS的前世今生 在很久很久以前，早期的浏览器只支持简易版本的HTML，使用HTML添加基本的格式和结构。但是随着web的流行，人们开始不满足于只有 ...
分类：
Web程序 时间：
2019-12-31 18:17:26
阅读次数：
70
id选择器 #abc {} 类选择器 .abc {} 标签选择器--所有div标签 div {} 交集选择器--类为abc的p标签 p.abc {} 并集选择器--p标签和abc类 p,.abc {} 伪类选择器--div的onhover事件 div:hover {} 伪元素选择器--div开头加上 ...
分类：
Web程序 时间：
2019-12-30 19:26:00
阅读次数：
72
题目概览 js放在html的 有什么区别？ 说说浏览器解析CSS选择器的过程？ 对new操作符的理解 题目解答 js放在html的 有什么区别？ 在HTML body部分中的js会在页面加载的时候被执行。在HTML head部分中的js会在被调用的时候才执行，但是在主页和其余部分代码之前预先装载 j ...
分类：
其他好文 时间：
2019-12-30 00:08:17
阅读次数：
72
