博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS样式
阅读量:6589 次
发布时间:2019-06-24

本文共 915 字,大约阅读时间需要 3 分钟。

1.HTML+CSS布局(DIV+CSS):主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等知识来布局,主流布局

2.CSS介绍:为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆开,CSS(Cascading Style Sheets)层叠样式表,HTML中大部分表现样式的标签就废弃不用了,HTML只负责文档的结构和内容,表现形式完全交给CSS,HTML文档变得更加简洁。

3.CSS基本语法

(1)CSS的定义方法是:

选择器{属性:值;属性:值;属性:值}

选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。

2.CSS页面引入方法

(1)外联式:通过link标签,链接到外部样式表到页面中。

<link rel="stylesheet" type="text/css" href=./CSS/main.css>

(2)嵌入式:通过style标签,在网页上创建嵌入的样式表

<style type="text/css">

(3)内联式:通过标签的style属性,在标签上直接写样式

<a href="www.qq.com" style="font-size: 40px;color: pink">QQ</a>

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>引入CSS</title>
<!--第一种插入样式的方式,外联式-->
<link rel="stylesheet" type="text/css" href=./CSS/main.css>
<!--第二种插入样式的方式,内嵌式-->
<style type="text/css">

h1{font-size: 20px;color: #D0E537}

</head>

<body>

页面标题

这是一个div标签
QQ

</body>

</html>

CSS样式

转载于:https://blog.51cto.com/13742773/2333011

你可能感兴趣的文章
android studio单个工程文件的代理设置
查看>>
Agent admitted failure to sign using the key
查看>>
grep 应用
查看>>
我的友情链接
查看>>
Linux实验室 CentOS关机大法
查看>>
一行命令获取当前JVM所有可设置的参数以及当前默认值
查看>>
OSI七层与TCP/IP五层网络架构详解
查看>>
spring与struts2 mvc共存web.xml简单配置
查看>>
Android集成微信支付
查看>>
2015年终总结
查看>>
关于svn目录地址迁移
查看>>
源码编译依赖关系一例小结
查看>>
Python web爬虫
查看>>
Python捕捉命令输出、错误输出及赋值命令到变量的方法
查看>>
js解析json
查看>>
详解性能调优命令
查看>>
使用tar或dd等完成Linux系统备份恢复
查看>>
matlab的special函数用法
查看>>
函数指针和回调函数
查看>>
信号(signal)
查看>>