CSS代码书写位置 • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 1.内联式 ① 内联式简介 •内联式,也被习惯叫做行内式. •书写位置:在 HTML 标签之上的 style 属性中书写 css 样式. •所有的 css 样式属性总体组成标签的 style 属性的属性值. <div style="width: 100px;height: 100px; font-size: 14px;">1</div> ② 内联式缺点 a. 内联式必须写在标签…
一.网页基础 // // ViewController.m // IOS_0218_网页开发1 // // Created by ma c on 16/2/18. // Copyright © 2016年 博文科技. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIWebView *webView;…
一.什么是CSS CSS 是层叠样式表( Cascading Style Sheets ) 的简称. 有时我们也会称之为CSS 样式表或级联样式表. CSS 也是一种标记语言 CSS 主要用于设置HTML 页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局和外观显示样式. 二.CSS能做什么 ​ HTML能搭建一个基本的网页,但是我们能发现其构造的网页是极其简陋的,这时候就需要CSS来美化网页.CSS的功能非常强大,不仅能改变各个HTML元素的颜色,文…
css: CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 1.CSS代码语法: css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素. 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔.当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red…
1. [代码]css基础教程     CSS基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.每条声明由一个属性和一个值组成.每个属性有一个值.属性和值被冒号分开.例如:下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素.在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值.h1 {color:red; font-size:14px;}//看见后面有分号,如果是一个属性或者这个属性在尾部可…
--引入 什么是css? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 样式表定义如何显示 HTML 元素,html标签定义了网页的骨架,而css的作用就是为骨架穿上衣服.并且样式通常保存在外部的 .css 文件中.通过仅仅编辑一个简单的 CSS 文档,…
CSS的文本属性用于控制文本的段落格式,如设置首行缩进.段落对齐方式.字间距.行间距等. 1.设置文本首行缩进:text-indent 可选属性值包含: 长度 / 百分比 2.设置文本对齐方式:text-align 可选属性包含:left / right / center,分别表示相左对齐.向右对齐,居中对齐 3.设置文本修饰方式:text-decoration 可选属性包含:none / underline (下划线)  / overline(上划线) / line-through(删除线)…
1.CSS属性单位: (1)长度单位:包含绝对长度单位和相对长度单位 绝对长度单位包含:cm.mm.in.pt.pc等. 绝对长度单位最好用于打印输出设备.在仅作为频幕显示时.绝对长度值并没有什么意义. 相对长度单位包含:px.em.ex等.相对长度指元素尺寸相对于浏览器的系统默认值来对应的缩放.em是相对于当前对象中文本M的字体尺寸大小. ex是相对于当前对象中文本x的字体尺寸大小.假设当前对行内文本额字体尺寸未被人为设置.则相对于浏览器默认字体尺寸. px.em,百分比的转换:16px =…
注意:*在IE中并不代表通配符的意思,是代表根元素的意思,所以为了匹配适应各种浏览器,进行页面初始化 <style> *{ margin:0; padding:0; } </style> 用以下形式代替 <style> html,body{ margin:0; padding:0; } </style> 1.盒子居中 margin:0 auto; <!doctype html> <html lang="en"> &…
绝对定位 position:absolute,元素脱离文档流,然后使用left.right.top.bottom属性相对于其最接近的一个具有定位属性的祖先元素进行绝对定位.如果不存在这样的祖先元素,则相对于body元素,即相对于浏览器窗口. 相对定位 position:relative,它通过left.right.top.bottom属性确定元素在正常文档流中的偏移位置.相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,…