css的导入与基础选择器

css是什么 css也是一门标记语言,主要用作修改控制html的样式 css书写的位置(导入) css是用来控制页面标签的样式,但是可以根据实际情况书写在不同的位置, 放在不同位置有不同的专业叫法,可以分为行间式.内联式和外联式三种行间式 css样式直接书写在标签的style全局属性中,一条样式格式为(样式名:样式值) 可以同时出现按多条样式,样式之间用封号隔开 <div style="width: 200px; height:100px; "></div>…

Unit 4.css的导入方式和选择器

一.什么是css CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. 二.css的好处 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录三.语法 /* 语法 */ 选择器{ 声明1; 声明2; 声明3…

CSS基础选择器(选择器的优先级)，CSS样式块( 长度/颜色/显示方式/文本样式),盒模型组成，盒模型-block，盒模型布局

CSS基础选择器 (1)id选择器: # => 标签拥有 id="user" 属性 <style> #user { width: 200px; } </style> <div id="user"></div> (2)( class ) 类选择器 : . => 标签拥有 class="user" 属性 <style> .user { widt…

CSS【03】：CSS 基础选择器与三种引入方式

基础选择器选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式选择器其实就是给 html 标签起名字标签选择器作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中 id选择器作用:根据指定的 id 名称找到对应的标签,然后设置属性格式: #…

前端基础之CSS的引入+HTML标签选择器+CSS操作属性

clear:left/ringt属性 CSS:语法形式上由选择器+以及一条或多条声明组成:选择器查找到指定的html标签后,使用css属性设置html标签的样式: 一.css 语法形式: 二.使用步骤 1.引入css规则 2.使用css选择器查找html标签: 3.利用css属性设置html标签的样式:…

第一篇 css导入方式及选择器

一推荐资料推荐书籍 css Zen Garden 中文(css禅意花园) 二.css样式 1.css样式表特征继承性大多数css的样式规则可以被继承层叠性 1)可以定义多个样式 2)不冲突的时候,多个样式表中的样式可层叠为一个优先级样式定义冲突的时候,按照不同的样式规则的优先级来用用样式根据加载顺序,后写的优先 2.css样式导入的三种方式第一种方式在标签中导入,这种方式不推荐,主要原因后期维护不方便标签内多个属性在中间用分号分隔 <body style="…

WEB学习-CSS基础选择器

基础选择器标签选择器就是标签的名字. • <h1>前端与移动开发<span>1期班</span>基础班</h1> css: • <style type="text/css"> • span{ • color:red; • } • </style> 注意的是: ) 所有的标签,都可以是选择器.比如ul.li.label.dt.dl.input • ul{ • background-color: yellow; •…

Python 45 长度及颜色单位、字体样式、文本样式、背景样式、css基础选择器

一:长度及颜色单位长度单位 px(像素) in(英寸) pt(点),一个标准的长度单位,1pt = 1/72in mm(毫米) cm(厘米) em(长度),相当于长度,1em = 16px rem() vw(百分比) vh() cm em vw vh流失布局范畴(可能有错别字,先了解,在后面的课程会讲到) width: 100px; /*width: 10in;…

CSS入门（css简介与样式汇总、CSS的使用方式和特征、CSS基础选择器和复杂选择器、边框阴影）

一.CSS的作用 1.以统一的方式实现样式的定义 2.提高页面样式的可重用性和可维护性 3.实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式样式汇总: color:red 字体颜色 font-size:字体大小 font-family:字体样式 background-color 背景颜色 width:宽度 height:高度字体使用实例(样式) font-family:字体的种类 font-size:字…

Html学习之七（CSS选择器的使用--基础选择器优先级问题）

二.基础选择器的综合使用优先级顺序:id选择器>class选择器>元素选择器.也就是说,如果这三种选择器同时为某一个元素设定样式,那么冲突的部分按优先级的顺序依次决定. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css基础选择器</title> <style> #header{ font: "微软雅黑&…

前端HTML介绍，标签介绍，基础选择器，CSS引入方法

1. HTML 1.1 前端: 所有用户能看到的界面网页.pc端的应用exe.移动端应用app.微信小程序.手环的时间界面html5为基础的前端:网页.app.微信小程序 1.2 前端三剑客: 1.html5:页面结构框架标签 => 学会标签的嵌套结构 2.css3:页面布局与样式 3.javaScript:页面的交互逻辑 1.3 html知识标签:由<>包裹字母开头,可以结合数字和合法字符的能被浏览器解析的标记 -- 字母数字 -标签有语义:<br> 换行标签有作用范…

java：HTML（table表格，ul列表）和CSS（导入.css文件，三种定义颜色方式，三种样式选择器，a标签属性顺序，）

1.重点掌握: html: 1.form表单:input,checkbox,seelct,radio,button,submit 2.table表格:thead-->tr-->th;tbody-->tr-->td 3.ul列表:ul-->li css: 选择器: id class element 2.HTML: table表格: <!DOCTYPE html> <html> <head> <meta charset="UTF…

0009 CSS基础选择器（标签、类、id、通配符）

typora-copy-images-to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解能说出选择器的作用 id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素一句话说出他们: ※※※※ CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来必…

2020年12月-第02阶段-前端基础-CSS基础选择器

CSS选择器(重点) 理解能说出选择器的作用 id选择器和类选择器的区别 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素 CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来必须记住的 css 就是分两件事, 选对人, 做对事. h3 { color: red; } 这段代码就是2件事, 把 h3选出来, 然后把它变成了红色. 以后我们都这么干. 选择器…

【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是层叠样式表的简称. 有时我们也会称之为 CSS 样式表或级联样式表. CSS 也是一种标记语言. CSS 主要用于设置 HT…

CSS简介，基础选择器，字体属性，文本属性

欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动,下面这些都是一些学习笔记.临渊羡鱼,不如退而结网!!愿我自己学有所成,也愿每个前端爱好者学有所成一. CSS简介 1.1 HTML的局限性 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Sty…

CSS基础选择器温故-1

1.基本选择器语法 2.浏览器兼容性:浏览器对基本选择器都是一路绿灯通行,可以放心使用. 3.通配选择器:选择所有元素,也可以选择某个元素下的所有元素 (1)选择所有元素: *{margin: 0;padding: 0;} (2)某个元素下的所有元素:.demo *{background: purple;} 4.ID选择器 (1)在使用ID选择器(#id)之前,需要在HTML文档中给对应的元素设置id属性并设置其值,才能找到对应的元素 eg:<div id="demo">H…

Html学习之六（CSS选择器的使用--基础选择器的使用）

一.基础选择器 1.id选择器 2.class选择器 3.元素选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>id选择器</title> <style> #text{ font: "微软雅黑"; color: red; } </style> </head> <body>…

CSS基础选择器总结

基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签,比如p 不能差异化选择较多 p {color:red;} 类选择器可以选出1个或多个标签可以根据需求选择非常多 .nav {color: red;} id选择器一次只能选择一个标签 ID属性只能在每个HTML中出现一次一般和js搭配 #nav{color:red;} 通配符选择器选择所有标签选择的太多,有部分不需要特殊情况使用 *{color:red;}…

css 基础选择器的使用

1.标签选择器解释:是针对一个标签做的样式,它会将匹配的所有标签都发生改变语法格式:标签名{ css样式代码 }2.类选择器特点:1.可以给某一个标签标记为一类,设定css样式,比较灵活 2.类目可以以,字母.数字.下划线.中划线组成,但不能以数字或中划线开头 3.一个标签可以同时有多个类名,用空格隔开即可 4.一个类选择器可以拥有多个标签,效果同时生效 //使用方法和语法 <style> .red{ color: red; } .yellow { color: yellow; } .blue…

JQuery————基础&&基础选择器

环境搭建搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版. 引入jQuery文件库下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文…

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法一丶什么是JQuery JQuery: JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率 js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: 链式编程:可以.的形式实现多个功能 …

深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器前面的话选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM以及ajax操作都依赖于选择器.jQuery选择器完全继承了CSS的风格,两者的写法十分相似,只不过两者的作用效果不同.CSS选择器找到元素后添加样式,而jQuery选择器找到元素后添加行为.jQuery选择器可以分为基础选择器.层级选择器.过滤选择器和表单选择器四类.对于每类选择器,除了给出j…

jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的()不一定是指定元素,也可能是函数. 在jQuery中 $()方法等价于jQuery()方法,前者比較经常使用.是后者的简写.一般仅仅有在$()与其他语言冲突时才会使用jQuery()方法. 基础选择器 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素. 假设你想要通…

html 选择器之基础选择器

我把CSS选择器分开成三部分,第一部分是我们常用的部分,我把他叫做基本选择器:第二部分我把他称作是属性选择器,第三部分我把他称作伪类选择器一.基础选择器 1. 通配符(*):选中所有的元素 2.元素选择器(E):一个元素作为一个选择器,div,ul,dd,span等等 3.类选择器(class):定义class 4.id选择器(id):定义id 5.后代选择器(E F):像ul li 就是定义ul中的所有li元素(后代元素就是ul下不管多少层下的li都受影响) 6.子元素(E>F):像ul>…

学习总结：CSS(一)定义方式、选择器、选择器权重

一.CSS的定义方式 1.内部样式:<style></style> 2.行间样式:<div style="width:100px;height:100px;"> 3.外部样式:<link rel="stylesheet" type="text/css" href="地址" > 注:浏览器异步加载html.css.js文件二.CSS选择器 1.常用选择器:类选择器.id选择器.标…

python全栈开发day38-css三种引入方式、基础选择器、高级选择器、补充选择器

一.昨日内容回顾 div:分割整个网站,很多块 (1)排版标签 (2)块级标签独占一行可以设置高和宽,如果不设置宽高,默认是父盒子的宽 span: (1) 小区域 (2)文本标签 (3)在一行内显示,不能放置容器类(块)的盒子 (4)宽高不能设置 (5)宽高跟span的内容相关 a: (1)文本级标签 (2)不能设置高和宽 (3)超链接href:连接资源 title 鼠标的悬浮时的标题跳转顶部top: <div id= 'top'> <div> ....... <a h…

基础选择器,长度与颜色,标签display,嵌套关系,盒模型,盒模型布局

css基础选择器 # *(统配选择器): 控制html, body,以及body下所有用于显示的标签 # div(标签选择器): 该标签名对应的所有该标签 # .(class选择器)(eg: .div => class="div"): 类名为div的所有标签 # #(id选择器)(eg: #div => id="div"): id名为div的唯一标签选择器的优先级 # 理解: 控制范围约精确,优先级越高,所设置的样式就会覆盖优先级低的相同属性样式 #…

CSS学习笔记（基础篇）

CSS概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆. 样式表书写位置: <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> // 样式表内容 </style> </head> 选择器选择…

jQuery基础——选择器、效果

一.使用JS的痛处在学习和使用js的过程中发现了js的一些痛处: 1.书写繁琐,代码量大. 2.代码复杂. 3.动画效果很难实现.使用定时器,要小心各种定时器的清除.各种操作和处理事件不好实现. 4.浏览器的兼容性. 同样是实现点击按钮后,展示三个div栏,并在div栏显示内容: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti…

【css的导入与基础选择器】的更多相关文章