CSS笔记(6)
CSS笔记(1)
经过几天的学习,看完了30多P视频,HTML的基本知识已经学完啦,HTML知识最简单的部分,现在终于要学习CSS啦!!超级开心.CSS简介 CSS的主要使用场景就是美化网页,布局页面的. CSS 网页的美容师: 1.HTML主要做结构,显示元素内容 2.CSS美化HTML,布局网页 3.CSS最大价值:由HTML专注去做结构呈现,样式交给CSS,即结构与样式相分离CSS语法规范
日期 2023-06-12 10:48:40CSS笔记(9)
CSS笔记(9)圆角边框(重点) 语法:border-radius : length采用的是半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果. 如果想要一个圆形的盒子,那么只要把圆角半径的长度(length)设置为盒子(正方形)的长的一半即可.CSS部分: .box2 { width: 100px; height: 100px;
日期 2023-06-12 10:48:40CSS学习笔记:边框样式,列表符号【7/27】
边框样式border-widthborder-width用于定义边框的宽度,通常是一个像素值。border-styleborder-style用于定义边框的风格,通常有三种:属性说明none无样式dashed虚线solid实线除了上表列出这几个,还有hidden、dotted、double等取值。不过其他取值几乎用不上,可以直接忽略。border-colorborder-color属性用于定义边框
日期 2023-06-12 10:48:40Scss学习笔记,持续记录
Scss起步相关文档:https://www.sass.hk/docs/1.Ruby安装下载Ruby:https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-3.1.0-1/rubyinstaller-3.1.0-1-x64.exegem sources --add https://gems.ruby-c
日期 2023-06-12 10:48:40css 笔记
一、css 的语法 格式: 选择器{属性:值;属性:值;属性:值;....} 其中选择器也叫选择符 CSS 中注释:/* ... */二、在 HTML 中如何使用 css 样式(html 中嵌入 css 的方式) 1. 内联方式(行内样式) 就是在HTML的标签中使用style属性来设置css样式 格式: <ht
日期 2023-06-12 10:48:40Css学习笔记详解编程语言
一、CSS 概述(了解) *.CSS : Cascading Style Sheet 层叠样式表 *.CSS 作用就是给HTML页面标签添加各种样式 *.为什么用CSS HTML的缺陷: 1. 不能够适应多种设备 2. 要求浏览器必须智能化足够庞大 3. 数据和显示没有分开 4. 功能不够强大 CSS 优点: 1.使数据和显示分开 2.降低网络流量 3.使整个网站视觉效果一致 4.使开发效率提高了
日期 2023-06-12 10:48:40css笔记详解编程语言
style type= text/css @import url( a.css ); /style link type= text/css href= a.css rel= stylesheet / #p1 ID选择符 .p1 类选择符 - div:first-letter 只格式化第一个字母 div:first-line 只格式化第一行
日期 2023-06-12 10:48:40CSS学习笔记09 简单理解BFC详解编程语言
6 style type="text/css" 7 .div1 {background-color: #FCE38A; width: 200px; height: 100px;} 8 .div2 {background-color: #EAFFD0; width: 200px; height: 100px;} 9 .div3 {background-color: #95E1D3;
日期 2023-06-12 10:48:40CSS学习笔记08 浮动详解编程语言
从CSS学习笔记05 display属性一文中,我们知道div是块元素,会独占一行,即使div的宽度很小,像下面这样 应用display属性的inline属性可以让div与div共享一行,除了这种方法外,还有没有其他方法可以实现这种效果呢,答案是肯定的,那就是下面要介绍的CSS的浮动特性,浮动从字面意思上来看,就是浮起来,动起来,那么是谁浮起来,又是谁动起来呢?往下看,很快就会知道答案了。
日期 2023-06-12 10:48:40CSS学习笔记07 盒子模型详解编程语言
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。 用公式表示就是:盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的
日期 2023-06-12 10:48:40CSS学习笔记02 CSS选择器详解编程语言
1、通配符选择器 通配符选择器用“* 号表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ color: red; } 2、标签选择器 标签选择器就是选择当前页面中相同名字的标签 /*设置所有p标签的文字颜色为红色*/ color: red; } 3、ID选择器 id选择器使用 # 进行标识,后面紧跟id名 /
日期 2023-06-12 10:48:40CSS学习笔记Padding属性中参数的定义与使用
一直都对CSS中Padding 属性中参数个数的定义颇为困惑,例如:body { padding: 32px;}body { padding: 32px 24px; }body { padding: 32px 24px 18px; }body { padding: 32px 24px 18px 12px; }今天baidu查看了CSS的标准文档,其中是这样规定的:如果只提供一个,将用于全部的四条
日期 2023-06-12 10:48:40jqueryCSS选择器笔记
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS2和CSS3的所有规定。 序号 选择器 含义 1.
日期 2023-06-12 10:48:40《CSS世界》笔记二:盒模型四大家族
上一篇:《CSS世界》笔记一:流/元素/尺寸下一篇:《CSS世界》笔记三:内联元素与对齐 写在前面 在读《CSS世界》第四章之前,粗浅的认为盒模型无非是margin/border/padding/content而已,再多无非在不同box-sizing下的表现不同而已;但是书中记录的替换元素与非替换元素、content的一些用法、margin合并等等,让
日期 2023-06-12 10:48:40SCSS学习笔记(一)
SCSS的由来 SCSS就是加强版的CSS,要讲SCSS那就一定要从SASS讲起 SASS Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。2007年发行,2016年版本稳定,设计和开发分开进行,让这个语言的
日期 2023-06-12 10:48:40css 课堂笔记
css:层叠样式表 Cascading( [kæ'skeɪdɪŋ] 级联)Style Sheet css基本语法结构:选择器{ 属性:值; 属性:值; ... } 三种主要的选择器: 标签选择器: 以HTML标
日期 2023-06-12 10:48:40css小笔记
一、优先级 二、伪类 三、伪元素 ::first-line ::first-letter ::before ::after ::selection 伪元素共有5个,selection是css3新加的,表示选中的文字,css2伪元素和伪类是一样只有一个:而css3规定伪元素要用两个: 四、background-size值为cover和值为100%的区别 background
日期 2023-06-12 10:48:40DIV+CSS导航学习笔记
meta http-equiv="Content-Type" content="text/html;charset=utf-8" / meta http-equiv="Content-Language" content="zh-cn" / link rel="stylesheet" type="text/css" href="headline.css" / link rel="
日期 2023-06-12 10:48:40css小笔记
一、优先级 二、伪类 三、伪元素 ::first-line ::first-letter ::before ::after ::selection 伪元素共有5个,selection是css3新加的,表示选中的文字,css2伪元素和伪类是一样只有一个:而css3规定伪元素要用两个: 四、background-size值为cover和值为100%的区别 background
日期 2023-06-12 10:48:40CSS选择器笔记
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。 这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 ===========
日期 2023-06-12 10:48:40div背景css样式笔记
<style type="text/css"> .div1 { width: 1024px; height: 100%; margin: 0 auto; /*background-size: cover;*/ background-image: url("${basePath}/images/t4.jpg")
日期 2023-06-12 10:48:40css笔记
css笔记: 1.选择器: id具有唯一性,通过#定义 class可重复,通过.定义 :focus 选择器用于选取获得焦点的元素。示例如下: class为 start_time的控件的样式及获得焦点后的样式。 .start_time { width: 150px; margin-
日期 2023-06-12 10:48:40【CSS笔记】CSS布局之五种定位方式(静态、相对、绝对、固定、粘性)
目录 一、CSS定位布局 1.1、static静态定位 1.2、relative相对定位 1.3、fixed固定定位 1.4、absolute绝对定位 (1)默认绝对定位参考点 (2)设置绝对定位参考点 1.5、sticky粘性定位 (1)sticky粘性
日期 2023-06-12 10:48:40vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
vue—你必须知道的 目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript 经验总结 更多总结 猛戳这里 属性与方法 不要在实例属性或者回调函数中(例如,vm.$watch('a',
日期 2023-06-12 10:48:40HTML5与CSS3权威指南笔记案例1
第1章 <!DOCTYPE html> <meta charset = "UTF-8">
日期 2023-06-12 10:48:40HTML5与CSS3权威指南笔记案例1
第1章 <!DOCTYPE html> <meta charset = "UTF-8"> <title> Search </title> <form> <p> <label>Search:<input name="search" autofocus></label> </p&g
日期 2023-06-12 10:48:40【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
这篇css博客是参考B站黑马程序员–pink老师做的个人笔记,供平时复习使用,现分享给大家,喜欢的话请多多点赞收藏哦~~ 文章目录 P62.css简介P63.css的语法规范P65.选择器总体概
日期 2023-06-12 10:48:402.CSS后端学习笔记
一.CSS简介 CSS是什么?CSS,即“Cascading Style Sheet(层叠样式表)”,是用来控制网页的外观的一门技术。 我们知道
日期 2023-06-12 10:48:40HTML5 + CSS3 链接标签学习笔记(三)
超链接标签的应用 超链接标签的应用链接标签超链接标签页面间链接锚链接 实现QQ推广 超链接标签的应用 链接标签 链接标签 文本超链接图像超链接链接的基本格式 &l
日期 2023-06-12 10:48:40