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

【基础选择器,长度与颜色,标签display,嵌套关系,盒模型,盒模型布局】的更多相关文章

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

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

day47 选择器优先级及嵌套关系

复习 1.前端: 网页, html + css + js 2.html三个组成部分:标签,指令和转义字符标签: <>包裹, 以字母开头, 可以结合-|数字, 能被浏览器解析的标记 3.常用的基本标签 div,a,link,img,p,i,span,b,ul>li,(br/hr),sup,sub.pre,table>thead>tbody>tfoot>tr>th|td 4.css引入行间式:style属性中内联式:head标签的style标签中外联式:…

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

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

前端,基础选择器,嵌套关系.display属性,盒模型

基础选择器 1.统配选择器控制html,body及body内跟显示相关的标签 *{ width:80px; height:80px; background-color:red; } 2.类选择器以class起名的标签,控制class名匹配的标签 (因为标签的class名可以重复) <div class="foo">123</a> .foo{ width:80px; height:80px; background-color:pink; } 3.id选择器以…

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;…

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

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

前端（二）—— CSS的引入方式、长度与颜色单位、常用样式、选择器

CSS的引入方式.长度与颜色单位.常用样式.选择器一.CSS的三种引入方式 1.行间式 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>行间式</title> </head> <body>   <!…

XHTML标签的嵌套规则--很基础很重要

XHTML的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套—— XHTML 必竟不是 XML. 在 XHTML 的语言里,我们都知道:ul 标签包含着 li.dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确.但是,还有许多标签是独立的,它们没有被捆绑在一起,比如 h1.div.p……那么这些…