我常用的css基础

【我常用的css基础】的更多相关文章

日常用的css基础和自己常用的js封装

css基础:base /* * 初始化 */ *::after, *::before { box-sizing: border-box; } body { font-family: 'Microsoft YaHei', tahoma, arial, 'Hiragino Sans GB', \5b8b\4f53, sans-serif; background: #fff; } html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 1…

sublime Text 3常用Html/Css基础插件安装

前言 sublime以其简洁明了的外观,干脆利落的编辑方式,再加上丰富的功能插件,深受广大开发者的喜爱.今天,我就来介绍几款基于Html/Css开发的sublime插件. 1.Package Contorl 包安装 Package Contorl:由Sublime Text提供的绝对必要的包管理器. 1.按Ctrl+`打开console. 2.粘贴一下代码到底部命令行并回车 import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761…

mkdir 创建文件夹touch 创建文件mode:'history' ----------------------------------------------------------去除# display: flex; justify-content: space-between;------------------------------------------------------------ <!--[if lt IE 9]> <script src="http:…

css基础--常用css属性02

上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1 浮动和清除浮动在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和绝对定位已经说完,接下来就是浮动了. 什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素‘上浮’一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向…

HTML常用标签与CSS基础知识

一.HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>这是页面的标题!</title> </head> <body> 这是页面的主体! </body> </html> <!DOCTYPE>: 该标签位于html文档顶部,用于告诉浏览器,本页面文档使用的是哪种HTML…

HTML&CSS基础-html常用的标签

HTML&CSS基础-html常用的标签作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html> <head>  <meta charset…

HTML&CSS基础-常用选择器

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…

前端开发：css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局前言楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^ 下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

WEB前端开发CSS基础样式全面总结

Web前端开发css基础样式全面总结颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spa…

css基础总结一

最近在弄一个简单管理系统的前端,所以打算将做项目的一些个人感想以及总结简单罗列下,当然,主要针对前端的基础部分以及一些常用的前端个人简单技巧总结.主要分为js部分和css部分,下面是css的基础部分总结一.基础知识 1.前端基本概念以及常识 web应用,主要分为前端和后端,而前端的话,主要是想用户展示内容,后端的话主要是处理用户数据.前端内容呈现中,主要有几个问题:内容是什么?如何展示内容?如何展示页面的行为?内容是什么是通过html来标记的,内容如何呈现是通过css改变和调整的,页面的前端行…

(转)第一天　XHTML CSS基础知识文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)

欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教…

CSS基础知识之position

最近在慕课网学习了网页布局基础和固定层效果 ,都是由声音甜美的婧享人生老师所录制,视频详细讲解了CSS中position的用法,在此把学习笔记分享给大家. CSS定位机制标准文档流(Normal flow) 浮动定位(Floats) 绝对定位(Absolute positioning) 标准文档流从上到下,从左到右,输出文档内容由块级元素和行级元素组成块级元素从左到右撑满页面,独占一行触碰到页面边缘时,会自动换行常见的标签有:div.ul.li.di.dt.p 行级元素…

开始编写寄几的 CSS 基础库

前言在现在的互联网业务中,前端开发人员往往需要支持比较多的项目数量.很多公司只有 1-2 名前端开发人员,这其中还不乏规模比较大的公司.这时前端同学就需要独挡一面支持整个公司上下的前端业务,项目如流水一般从手里流过,此时更需要前端开发人员将工作工程化.流水线化. 一个栗子现在需要编写页面中的一个按钮,结构与样式如下: <div class='button'>开始</div> 有人说,这有什么难的,不到1分钟就能写好了: .button { width: 100px; heigh…

从零开始学习前端开发 — 2、CSS基础

一.CSS简介 1.CSS是什么 CSS是Cascading Style Sheets的简称,中文称为层叠样式表.特点:实现了表现与结构相分离 2.css基础语法 css是由选择符和声明两大部分组成,声明由属性和值组成. 语法: 选择符{ 属性:值; 属性:值; } 注: (1)属性和值用冒号连接 (2) 一条声明结束要添加分号 (3)属性和属性不分先后顺序 3.样式表的创建 1.内联样式(行间样式,行内样式) 语法:<标记 style="属性:值;"></标记&g…

常用的CSS框架

常用的CSS框架之前在写自己的个人网站的时候,由于自己Web前端不是特别好,于是就去找相关的CSS框架来搭建页面了. 找到以下这么一篇文章(列出了很多常用的CSS框架): http://w3schools.wang/report/top-UI-open-source-framework-summary.html Bootstrap Semantic-ui Foundation Materialize Material-ui Phantomjs Pure Flat-ui Jquery-ui Re…

软件测试必备-前端知识点之css基础及ps的用法

CSS 一. css定义 css样式表.层叠样式表,级联样式表二. css基础语法 1. 写style标签,放在head标签里面的最后位置 2. 自己写的css代码,放在style标签里面三. css常用属性 1.color: red; 设置文字颜色 2.font-size: 50px; 设置文字大小 3.font-family: "黑体"; 设置字体(如果设置的是中文字体,要加双引号!) 4.width: 100px; 设置宽度 5.height: 100px; 设置高度…

CSS基础知识01

一.CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法加粗:font-weight:bold; 正常用:normal; 斜体:font-style:italic; 正常用:normal; 下划线:text-decoration:underline; 正常用:none; 加粗快捷键:fwb+tab 不加粗快捷键:fwn+tab 斜体快捷键:fsi+tab 不斜体快捷键:f…

CSS基础入门

css基础语法一.CSS格式选择器{ 属性名:属性值; 属性名:属性值; } 选择器负责圈定范围,要修改的元素集合,花括号内的声明由属性名和属性值组成(key:value)的形式,用于设定具体样式二.CSS三种引入方式 1.行间式 <p style="color:red;"</p> 2.内联式 <style> p { color:red } </style> 3.外联式 p { width: 100px; height: 100px; b…

CSS基础和选择器

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

h5 . css入门 2.CSS基础

CSS基础学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释一.CSS简介英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发…

Web开发——CSS基础

参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool.cn/css/css-tutorial.html 目录: 1.层叠样式表的组成 2.CSS选择器 2.1 CSS基础选择器 2.2 CSS3 选择器 3.一些常用的样式 4.CSS继承 5.CSS HTML颜色名/背景颜色 5.1 HTML颜色名 5.2 背景颜色 6.浮动和定位属性(Positi…

〖前端开发〗HTML/CSS基础知识学习笔记

经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head…

CSS 基础知识点样式选择器伪类

CSS 基础知识点汇集版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言.样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一. HTML 标签被设计为用于定义文…

HTML3/CSS基础

1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编译,直接由浏览器执行 HTML文件是一个文本文件,包含了一些HTML元素,标签等 HTML文件必须使用.html或.htm为文件名后缀 HTML是大小写不敏感的,HTML与html是一样的 HTML是由W3C的维护的 HTML 是通向 WEB 技术世界的钥匙. 1.2 发展历史 HTML是从2.0版…

两天学会css基础（二）

接上一篇博客,还有css中的两个重要知识点没有说到,就是元素的浮动与定位. 第三部分:元素的浮动与清除这部分的内容之前的博客已总结过.请查看css中的浮动与三种清除浮动的方法这篇文章. 浮动在网页中也用的和普遍,特别要注意清除浮动的方法. 第四部分:元素的定位元素的定位在实际开发中会经常用到,特别是涉及到精确定位的时候. 默认情况下元素的position属性值为static static: 对象遵循常规流.此时4个定位偏移属性不会被应用. relative: 对象遵循常规流,并且参照自身在常…

两天学会css基础（一）

什么是css?css的作用是什么? CSS 指层叠样式表 (Cascading Style Sheets)主要作用就是给HTML结构添加样式,搭建页面结构,比如设置元素的宽高大小,颜色,位置等等. 学习css之前先了解一下css代码在HTML中的书写位置. 样式名称存放位置使用范围应用嵌套样式 head中的title下面当前样式所处的页面存放当前页面会用到的样式行内样式标签中通过style设置样式只作用于当前标签很少使用(一般可以临时使用) 外联样式存放于其他文本中,使用时…

第五模块：WEB开发基础第1章·HTML&CSS基础

01-前端介绍 02-HTML介绍 03-HTML文档结构 04-head标签相关内容 05-常用标签一之h1~h6,p,a 06-常用标签一之ul.ol.div.img.span 07-常用标签二-table标签 08-常用标签二之form标签 09-常用标签二之表单控件 10-常用标签分类和嵌套规则 11-css的介绍和感知 12-css的三种引入方式 13-标签选择器 14-id选择器 15-类选择器 16-如何正确的使用类选择器及总结 17-高级选择器 18-属性选择器 19-伪类选择器…

DIV+CSS专题：第一天　XHTML CSS基础知识

欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达…