【前端学习(二）css样式笔记（笔记）】的更多相关文章

前端学习：CSS的学习总结(图解）

前端学习:CSS的学习总结(图解) CSS代码笔记 CSS简介 css的引入方式和书写规范 CSS选择器 CSS属性 CSS盒子模型 CSS的定位…

前端基础：CSS样式选择器

前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2.一条或多条声明:如下所示: selector { property: value; property: value; property: value; property: value; ... } 例如: h1 {color:red; font-size: 14px;} CSS的四种使用方式 1.行…

bootstrap学习总结-css样式设计(一)

由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练. 一:bootstrap是什么? bs是什么?  即前端页面搭建的标准化框架工具,已经写好了css.js样式,只需要拿来用即可. 怎么用bs呢?主要是通过使用不同的类增加效果,每一种类,对应的功能不同. bs好处:增加了开发效率,页面设计更加美观,支持响应式开发.下载地址:https://github.com/foreverjiangting/bootstra…

前端学习 之 CSS（三）

九:浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性. float:表示浮动的意思. 属性值: none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 例: html内容: <div class="box1">第一个div</div> <div class="box2">第二个div</div> <span>一个span</span> css内容: *左浮动*…

ReactNative学习之css样式使用

前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascading Style Sheets(级联样式表)的缩写. CSS 是一种样式表语言,用于为 HTML 文档定义布局.例如,CSS 涉及字体.颜色.边距.高度.宽度. 背景图像.高级定位等方面. CSS 跟 HTML 的区别在哪里? HTML 用于结构化内容:CSS 用于格式化结构化的内容. 采用 CSS 有哪些好处? CSS 是 Web 设计界的…

前端学习 之 CSS（一）

一:什么是 CSS? ·CSS 指层叠样式表 (Cascading Style Sheets) ·样式定义如何显示 HTML 元素 ·样式通常存储在样式表中 ·把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 ·外部样式表可以极大提高工作效率 ·外部样式表通常存储在 CSS 文件中 ·多个样式定义可层叠为一个 二:CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(p…

Web前端新人之CSS样式选择器

最近在学习css样式.那么我就想先整理一下css样式的选择器 规则结构: 每个规则都有两个基本部分:选择器和声明块.声明块由一个或者多个声明组成,每个声明则是一个属性—值对(property-value) 1.元素选择器 *   通用元素选择器,匹配任何元素 *{margin:0;padding:0}; x   标签选择器 h1{color:#000},p{color:#000}; .info class选择器 .info{background-color:red}; #target  ID选择…

前端学习之CSS

CSS介绍 CSS(Cascading Style Sheet, 层叠样式表)定义如何显示HTML元素, 给HTML设置样式, 让它更加美观. 当浏览器读到一个样式表, 它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 css实例 每个CSS样式由两个组成部分: 选择器和声明. 声明又包括属性和属性值. 每个声明之后用分号结束. CSS注释 /*这是注释*/ CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式. 不推荐大规模使用. <p style="…

前端基础之css样式（选择器）

一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. 2.内嵌式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如下: 3.…

前端学习(3)-CSS

一 CSS CSS是Cascading Style Sheets的缩写,层叠样式表,用来控制网页数据的显示,可以使网页的显示与数据内容分离. 二 引入方式 (1)行内式:在标记的style属性中设置CSS样式,不推荐使用. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello CSS</title>…

前端知识之css样式

前端之CSS样式 css介绍 css是为html标签设置样式的 css由选择器和声明组成 声明包括属性和属性值 声明之间用分号:隔开 css注释 /注释类容/ css的几种引入方式 行内样式 不推荐使用 直接在html标签中style属性中设置样式,不推荐使用,不方便后续更改 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将css样式集中写在网页标签标签对中 <head> <meta chars…

前端学习之--CSS

CSS 常用帮助文档 CSS:被用来同时控制多重网页的样式和布局.HTML页面中CSS样式的写法有3种: 1:标签中写入 <body style='margin o auto;'> 2:head头标签内 <style> body { margin:0 auto;} </style> 3:head头标签内引入css文件 <link rel='stylesheet' href='commons.css' /> 优先级:标签上的style最高,编写顺序,就近原则…

2016.01.22 前端学习 HTML/CSS

学习HTML/CSS  http://edu.51cto.com/course/course_id-3116.html 明日实践…

1+X证书学习日志 —— css样式表

## 因为初级的内容较多,所以选了一些有用的 需要记忆的内容写下 方便日后回顾 CSS语法   选择符{属性:属性值;} ##             所有的css代码 都要放在css样式表里面                 1:内部样式表  在head里面添加 style标签                 2:外部样式表                       连接外部样式表                         <link rel="stylesheet" …

前端学习(二）css样式笔记（笔记）

background-image:url(img/xiaofeiji.jpg)背景图:url(图片路径):(背景图默认平铺) background-repeat:repeat-x/repeat-y/no-repeat;背景重复状态:x轴/y轴/不重复: background-position:100px 10px;---数字写法背景图定位:居左100px  居上10pxbackground-position:top right;----单词写法 background-position:cente…

前端学习(二十三）DOM操作，事件（笔记）

javascript 组成部分    1.ECMAScript        javascript的核心解释器 2.DOM        Document Object Modle         文档对象模型        DOM操作            获取元素            改变样式            改变内容    3.BOM        浏览器对象模型            浏览器操作            window.navigator.userAgent     …

前端学习(二十九）nodejs（笔记）

后台语言    java     php     .Net     python    Node.js-----------------------------------------------------Node.js    1.语法就是js语法    2.性能高             理论上是php的86倍        Node.js             php        3                    200        6                   …

前端学习(二十二）css3（笔记）

html5        普通:        header section footer nav article aside figure 特殊:        canvas video audio(controls控制台) 表单: type            time            color            range            number 自动获取焦点:            autofocus 提示文字:            placeholder--…

前端学习(二十八）es6&ajax（笔记）

ES6    let    块级作用域    const    解构赋值    字符串拼接    扩展运算符    -----------------------------------------------------------    箭头函数    function show(a){        return a;    }        ↓    show=a=>a; function show(a,b){        return a+b;    }        ↓    sh…

前端学习(二十七）存储&es6（笔记）

cookie         存储    以站点为单位的.    必须配合服务器环境    不能跨浏览器    cookie有生命周期     默认是session        session         会话            打开页面会话开始            关闭浏览器会话结束    名字不能重复    容量有限:     4KB 如何存数据?        document.cookie = 'name=value'; document.cookie = 'name=val…

前端学习(二十六）移动端s（笔记）

===================================================弹性布局rem布局---------------------------------------------------CSS3     transform    rotate                 旋转    translate             平移    scale                 缩放    skew                 扭曲=========…

前端学习(二十一）初识h5（笔记）

html5        主要目标:语义化!可以被人或者机器更好的阅读! 支持各种媒体的嵌入!不兼容低版本!------------ html5新标签: 普通:     <header class="box">---头部    </header>    <nav>        导航     </nav>    <section>---内容        <aside>---侧边栏 </aside>  …

前端学习(二十）jquery属性（笔记）

jq里面操作属性的方法: 设置属性:            设置一个:            $(this).attr('src','img/pic2.jpg');            设置一组:            $(this).attr({src:'img/pic2.jpg',title:'不好看的图',id:'aaa'}); 获取属性:            alert($(this).attr('title')); 删除属性:            $(this).removeAt…

bootstrap学习总结-css样式设计(二)

首先,很感谢各位园友对我的支持,关于bootstrap的学习总结,我会持续更新,如果有写的不对的地方,麻烦各位给我指正出来哈.关于上篇文章,固定布局和流式布局很关键,如果还不太清楚的可以再看看我写的http://www.cnblogs.com/jtjds/p/5547261.html 这次我们来看看bootstrap中关于样式的一些具体关键的类以及如何使用这些类,类与类之间的区别,另外涉及到的一些相关类,举列子的时候解释. 一:表单      1:form-control类:含有此类的<inpu…

前端学习 之 CSS（二）

五:继承性和层叠性 css有两大特性,即继承性和层叠性. 1. 继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法.那么我们现在主要研究css,css就是在设置属性的.不会牵扯到方法的层面. 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承. 记住:有一些属性是可以继承下来 : color . font-*. text-*.line-* .主要是文本级的标签元素. 但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)…

前端学习(七）less（笔记）

less---处理器:koala_2.0.4_portable 属于css预处理语言,可以让你的css语言更有逻辑性! 编译css的! 准备工作:    1.项目:        js        css        img        less    2.less:        a1.less 3.把项目拖到编译软件里        点击绿色按钮:在css文件夹里会编译出一个a1.css 4.开始写页面 1.新建index.html        2.在index.HTML里面引入编译…

HTML基础学习(二)—CSS

一.CSS概述     CSS(Cascading Stytle Sheets)层叠样式表,用来定义网页的显示效果.可以解决HTNL代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果.即CSS将网页内容和显示样式分离,提高了显示功能.   二.CSS与HTML结合方式 1.style属性方式      利用标签中style属性来改变每个标签的显示样式. <body> <div style="background-color: #76EE00;"…

前端学习历程--css①

---恢复内容开始--- 本文用自己的理解,总结网上或者自身经历的问题,加以汇总,方便查找: 一.浏览器默认样式 1.浏览器处理css&html a.css作用范围:盒子模式.浮动.定位.背景.字体 2.css布局方式: 经典三列布局 Bootstrap栅格布局 百度首页布局 微博布局 人人网布局 瀑布流布局 3.层叠样式表: a.层叠:层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.即对相同标签的样式融合,且内联>内部>外部(!important可将样式提到最高级),但实际…

common.css 值得学习的css样式布局

正常的项目当中,应当有一个common.css,就是把一些常用的样式,写入其中. 然后再结合一些特性的css,构造漂亮的页面. 下面欣赏一些海盗商城的common.css. /***样式初始化***/ html { margin: 0; padding: 0; border: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }…

前端学习 -- Html&Css -- 条件Hack 和属性Hack

条件Hack 语法: <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> <keywords> if条件共包含6种选择方式:是否.大于.大于或等于.小于.小于或等于.非指定版本 是否: 指定是否IE或IE某个版本.关键字:空 大于: 选择大于指定版本的IE版本.关键字:gt(greater than) 大于或等于: 选择大于或等于指定版本的IE版本.关键字:gte(greater th…