分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

CSS样式

发布时间:2023-09-06 02:26责任编辑:赖小花关键词:CSS
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>

??? ??? ??? ??? ???

页面标题

???
这是一个div标签
??? ???QQ![](http://i2.51cto.com/images/blog/201812/19/8dfb5c680229e2848fffd42eadbc5b36.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

CSS样式

原文地址:http://blog.51cto.com/13742773/2333011

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved